javascript - HTML 输入元素 (field.validate) 始终未定义

Question

我有两个使用 onblur 事件定义的文本框。按 T​​ab 时，每当调用 onblur 事件时，field.validate 始终为 undefined。

同时，当我尝试打印 field.name 或 field.getAttribute("validate") 时，它确实返回了正确的值。

<input width="100%" type="text" name="NV_active" id="NV_active" value="5"  onblur="return doValidate(this);" validate=" return validateValueField(document.getElementById('NV_active'), 'Active' );">

<input width="100%" type="text" name="NV_throttled" id="NV_throttled" value="15"  onblur="return doValidate(this);" validate=" return validateValueField(document.getElementById('NV_throttled'), 'Throttled' );">

function doValidate(field) {
    console.log("field.validate- " + field.validate); //always printing undefined
    console.log("getAttr- " + field.getAttribute("validate")); //return validateValueField(document.getElementById('NV_active'), 'Active' );
    if (field.validate != null) {
        var f = new Function(field.validate);
        return f();
    }
    return true;
}

function validateValueField(field, displayName)
{
  if ((field.name == 'NV_activePollingInterval') || (field.name == 'NV_throttledPollingInterval') )
    {
        //some validation code and error alert message
    }
}

我无法弄清楚为什么它总是未定义。

Answer 1

使用 field.getAttribute('attr') 您可以检索 DOM 元素属性的值。

使用 field.attr 您可以检索 DOM 元素的属性 attr，但它们并不总是相同的东西。

我建议您检查这个问题:getAttribute() versus Element object properties?和接受的答案，它应该对你有帮助。