javascript - 按钮单击（）之前的 OnBlur 验证

Question

我想知道如何立即验证文本字段。当我们移动到另一个文本字段而不填写上述文本字段时，我们需要使用 on-blur() 获取警报消息。使用 java 脚本。

Answer 1

您可以onblur()在 javascript 中使用事件

<input type="text" onblur="test('firstTextBox')"/>

function test(value)
{
  if(value == "firstTextBox")  
  alert("This is blur");
  else if ....
  .....
}

Answer 2

查看jQuery Validate 插件并尝试使用以下代码在onblur.

$('#field1, #field2, #field3').blur(function(){
    validator.validate()
});

Answer 3

If you like to use the html5 form validation take a look at validity property and set html 5 form attributes like required

html5:

<input type="number" required="true"  onfocus="setCustomValidity('Custom Message')" onblur="testit(this)"/>

js:

function testit(e){
    if(e.validity.valid == false){
        alert(e.validationMessage);
    }
}

http://jsfiddle.net/5ANnf/2/

https://developer.mozilla.org/en-US/docs/HTML/Forms_in_HTML (at bottom)