jquery 怎么获取整个表单验证的结果
我有一段jquery的表单验证代码:
$('#form1').validate({
...
});
[/code]
表单验证之后, 我想通过另一按钮(非提交按钮), 来获取这个表单验证结果. 怎么获得啊?
求大神帮忙..
[code=javascript]
jquery
[解决办法]
<!doctype html><html><head><meta charset="utf-8"><title>Sets up validation for a form, then checks if the form is valid when clicking a button.</title><link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css"><style> </style></head><body><form id="myform"><form id="myform"> <input type="text" name="name" required> <br> <button type="button">Validate!</button></form></form><script src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script><script src="http://jquery.bassistance.de/validate/additional-methods.js"></script><script>// just for the demos, avoids form submitjQuery.validator.setDefaults({ debug: true, success: "valid"});var form = $( "#myform" );form.validate();$( "button" ).click(function() { alert( "Valid: " + form.valid() );});</script></body></html>[解决办法]
var demo =$('#form1').validate({
rules:{
"user.email":{
required:true,
email:true
},
messages:{
"user.email":{
required:"用户名不能为空",
email:"邮箱格式错误"
}
}
$(function () {
$("#btnSave").click(function () {
if (demo.valid()) { //验证通过
.....
}
});
});
[解决办法]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
<link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css">
</head>
<body>
<form id="form1">
<input type="text" name="name" required> <br>
<button type="button">测试</button>
</form>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<script>
var form = $("#form1");
form.validate({
rules:{
"user.email":{
required:true,
email:true
},
messages:{
"user.email":{
required:"用户名不能为空",
email:"邮箱格式错误"
}
}
}
});
$("button").click(function () {
alert("Valid: " + form.valid());
});</script>
</body>
</html>