jQuery Validate Onkeyup - blog.Issolver.com

HTML Code

<form id="myform">
<input type="text" name="field" />
<br/>
<input type="submit" />
</form>
<a id="docs" href="http://docs.jquery.com/Plugins/Validation" target="_blank">Validation Documentation</a>

<br/>

</form>

<a id="docs" href="http://docs.jquery.com/Plugins/Validation" target="_blank">Validation Documentation</a>

CSS Code

#docs {
display: block;
position: fixed;
bottom: 0;
right: 0;
}

#docs {

display: block;

position: fixed;

bottom: 0;

right: 0;

}

Javascript Code

$(document).ready(function () {
$('#myform').validate({ // initialize the plugin
onkeyup: function (element, event) {
if (event.which === 9 && this.elementValue(element) === "") {
return;
} else {
this.element(element);
}
},
rules: {
field: {
required: true,
minlength: 6
}
},
submitHandler: function (form) { // for demo
alert('valid form submitted'); // for demo
return false; // for demo
}
});
});

$(document).ready(function () {

$('#myform').validate({ // initialize the plugin

onkeyup: function (element, event) {

if (event.which === 9 && this.elementValue(element) === "") {

return;

} else {

this.element(element);

}

rules: {

field: {

required: true,

minlength: 6

}

submitHandler: function (form) { // for demo

alert('valid form submitted'); // for demo

return false; // for demo

}

});

[Demo]