表单验证两种方式：
1、JqueryValidator
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JqueryValidator实战——用户注册</title> <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script> </head> <body> <form id="signUpForm"> <label for="username">username:</label> <br> <input type="text" id="username" name="username"> <br> <label for="password">password:</label> <br> <input type="password" id="password" name="password"> <br> <label for="confirmPassword">confirm:</label> <br> <input type="password" id="confirmPassword" name="confirmPassword"> <br> <input type="submit" value="Submit" class="submit"> </form> <script> $.validator.setDefaults({ submitHandler: function() { alert("提交事件!"); } }); $().ready(function(){ $("#signUpForm").validate({ debug:true, rules:{ username:"required", password:{ required: true, minlength: 5 }, confirmPassword: { required: true, minlength: 5, equalTo: "#password" } }, messages:{ username:"用户名" } }); }); </script> </body> </html>