juery validate 验证注册表单的例子

本节使用jquery的插件Validation，它提供的方法可以大大简化验证表单的工作。

举个简单的例子，用validation来验证注册表单。

验证目标：

代码：

<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../lib/jquery.validate.min.js"></script> <script type="text/javascript"> $(function(){ $( "#regForm" ).validate({ rules: { // 注册用户名 username: { required: true, minlength: 5, maxlength: 12 }, // email email: { required: true, email: true }, // 密码 password: { required: true, minlength: 6, maxlength: 18 }, // 确认密码 confirm_password: { equalTo:"#password" }, // 检验验证码 captcha: { required: true, remote: "checkCaptcha.php" } }, messages: { // 注册用户名 username: { required: "此项不能为空", minlength: "不能少于5个字符", maxlength: "不能多于12个字符" }, // email email: { required: "此项不能为空", email: "email格式不正确" }, // 密码 password: { required: "此项不能为空", minlength: "不能少于6个字符", maxlength: "不能多于18个字符" }, // 确认密码 confirm_password: "两次输入密码不一致", // 检验验证码 captcha: { required: "请输入验证码", remote: "验证码输入错误" } } }); }); </script>

您可能感兴趣的文章：
juery validate 验证注册表单的例子
使用jQuery validate 验证注册表单实例演示
mvc中的jquery表单提交验证的代码示例
jquery.validate使用攻略 第三部
thinkphp ajax提交token的方法介绍
JQuery扩展插件Validate 2通过参数设置验证规则
php验证码大全(实例分享)
JQuery扩展插件Validate 5添加自定义验证方法
asp.net web.config 配置节详细说明
Jquery 表单验证类介绍与实例