按钮单击前的OnBlur验证（）

Question

i like to know how to validate a text-field at it instant.when ever we move to another text field with out filling the above text-field we need to get an alert message using on-blur(). using java-script.

Answer 1

You can use onblur() event in javascript

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

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

Answer 2

Have look into jQuery Validate plugin and try the below code to work in 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)