On clicking the Go button it says all good message even if invalid values are filled in the boxes.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/additional-methods.js"></script>
<title></title>
<script type="text/javascript">
$(document).ready(function () {
jQuery.validator.addMethod('integer', function (value, element, param) {
return (value != 0) && (value == parseInt(value, 10));
}, 'Please enter a non zero integer value!');
$('#myform').validate({
rules: {
field1: {
required: true,
integer: true
},
field2: {
required: true,
integer: true
}
},
submitHandler: function (form) { // for demo
alert('valid form');
return false;
}
});
$('#go').click(function(){
if (!$("#myform").validate())
{
// Not Valid
alert('missing some data');
return false;
}
else
{
<!-- $("#myform").submit() -->
alert('all good');
return false;
}
});
});
</script>
</head>
<body>
<form id="myform">
<input type="text" name="field1" />
<br/>
<input type="text" name="field2" />
<br/>
<input id="go" value="GO" type="button" />
</form>
</body>
</html>
validate()is the validator, and objects in javascript are always truthy