使用jQuery validate 验证注册表单实例演示
2013-03-25 00:00
851 查看
Validation是jQuery的插件,提供的方法可以大大简化验证表单的工作,功能也足够一般的需要了。rules也足够简单,很容易上手,举个简单的例子,用validation来验证注册表单。
首先确定验证的目标是:
1. 必填项不能为空
2. 注册用户名必须为6-12个字符内
3. 合格的email格式
4. 密码必须为6-18个字符
5. 确认密码必须跟密码一致
ok,目标很明确了。正片开始
运行后,得到下面的结果
更多用法参考 /article/1257047.html
首先确定验证的目标是:
1. 必填项不能为空
2. 注册用户名必须为6-12个字符内
3. 合格的email格式
4. 密码必须为6-18个字符
5. 确认密码必须跟密码一致
ok,目标很明确了。正片开始
<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>
运行后,得到下面的结果
更多用法参考 /article/1257047.html
相关文章推荐
- 使用jQuery validate 验证注册表单实例演示
- 表单验证插件jquery.validate的使用方法演示
- 使用jQuery validate 验证注册表单
- 使用jQuery validate 验证注册表单
- 实例详解jQuery表单验证插件validate
- jquery-validate表单验证实例二
- 今天使用jquery.validate.js表单验证
- 快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
- 快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
- 使用jquery-validate进行表单验证
- jquery validate.js表单验证入门实例(附源码)
- jQuery Validate表单验证插件的基本使用方法及功能拓展
- jquery.validate表单验证使用说明
- 使用 jquery.validate.messages_cn.js 插件实现表单自动验证,出现中文乱码
- jquery的表单验证框架 --validate的使用
- jquery validate表单验证插件制作注册表单验证提交
- jquery.validate.js使用之自定义表单验证规则
- jquery-validate表单验证实例一
- Struts2.0中使用JQuery的validate表单验证 取name问题