jquery.validate.js 应用示例
2023-09-11 14:20:13 时间
今天发现了jQuery一个很强大的验证表单插件(jquery.validate.js 下载地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/),这个插件不仅强悍还是很容易上手,可以参考下面的我的一个小例子。
//login 表单效果处理 $('#login-form').validate({ //设定表单每个元素具体要求 rules:{ email:{required:true,email:true}, password:{required:true} }, //自定义错误信息 messages:{ email:{ required:"email不能为空!", email:"email地址不正确!" }, password:{ required:"密码不能为空!" }, code:{ required:"验证码不能为空!" } }, errorPlacement:function(error,element){ error.appendTo(element.siblings("span")); } }); //register 注册表单效果处理 $('#register-form').validate({ rules:{ email:{required:true, email:true}, password:{required:true}, repassword:{required:true, equalTo: "#reg-password" } //equalTo 用于密码确认 }, messages:{ email:{ required:"email不能为空!", email:"email地址不正确!" }, password:{ required:"密码不能为空!" }, repassword:{ required:"确认密码不能为空!", equalTo:"密码不一致!" } }, errorPlacement:function(error,element){ error.appendTo(element.siblings("span")); } });
相关链接:http://ideabean.iteye.com/blog/363927
相关文章
- jquery访问浏览器本地存储cookie,localStorage和sessionStorage
- 【JS】js创建Object对象和构造函数的多种方法(综合示例)
- 爬虫之JS的解析确定js的位置
- jquery点击div以外的区域触发事件
- 【HarmonyOS】【JS】 鸿蒙js开发使用div自带的scroll,滑动条拉不到最下面?
- javascript/jquery 常见功能实现(持续更新...)
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.16 小结
- 2015第19周四jquery版本
- Jquery获取html参数, jquery.params.js 获取参数
- jQuery全屏滚动插件FullPage.js中文API文档
- jquery文件上传控件 Uploadify(转)
- JQuery中Class选择器怎么用(htmlclass选择器)
- jQuery 点击按钮刷新页面
- JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题
- [js插件开发教程]原生js仿jquery架构扩展开发选项卡插件
- jQuery全屏滚动插件fullPage.js
- jQuery的select相关操作
- 推荐4款高星星JS库:canvas库-Fabric.js、JavaScript客户端文件上传库-FilePond、客户端保存文件解决方案-FileSaver、JavaScript在线解压 ZIP 文件-JSZip
- Jquery第四课 Javascript中this的使用方法
- 程序员们必备的10款免费jquery插件
- jquery怎样获得父级窗体的大小
- JS原生Ajax和jQuery的Ajax与代码示例-ok
- jquery.lazyload.js 的 使用
- JQuery/JS插件 jsTree加载树,预先加载,初始化时加载前三级节点,当展开第三级节点时 就加载该节点下的所有子节点
- JQuery/JS插件 jsrender 遍历数组