jQuery验证表单插件—— jquery-验证

jQuery验证插件为您现有的表单提供了插件验证，同时使各种定制非常容易适应您的应用程序。——官方介绍

确认使用步骤

引入jQuery库和确认插件

如果需要官方的国际化提示信息，可以导入相应的messages_xx.js库文件PS:下载地址：GitHub jzaeffer/jquery-验证

选中表单元素，显式调用验证方法

脚本类型=' text/JavaScript ' $(function(){ $(' # form ')).validate()；});/script书写验证规则和消息

脚本类型=' text/JavaScript ' $(function(){ $(' # form ')).验证({规则s 3360 { }，消息3360 { })；});/scriptrules规则语法

规则：{字段名：校验器，字段名：校验器，}

校验器语法

校验器：值，校验器：值，

信息提示语法

消息：{字段名：{ 校验器：'提示，校验器：'提示，} 字段名：{ 校验器：'提示，校验器：'提示，}}校验器取值

案例

脚本类型=' text/JavaScript ' src=' http :/./js/jquery-1。11 .0 .量滴js '/script脚本类型=' text/JavaScript ' src=' http :/./js/jquery。验证。量滴js '/script脚本类型=' text/JavaScript ' src=' http :/./js/messages _ zh。js '/script script $(function(){ $(' # registForm ')).验证({规则s : {用户： {必需d : true，minlength:2 })、密码： {必需d : true，digits:true，minlength:6 }、repassword : {必需d : true，数字3: true，最小长度3:6，等于： '[name=' password ']')用户名不能为空！minlength: '用户名不得少于2个字符！}，password: { required: '密码不能为空！digits: '密码必须是数字！minlength: '密码长度不得低于6位！}，repassword: { required: '确认密码不能为空！digits: '密码必须是数字！minlength: '密码长度不得低于6位！等于： '两次密码不一致！}，email:{ required: '邮箱不能为空！email: '邮箱格式不正确！}，username:{ required: '姓名不能为空！minlength: '姓名不得少于2个字符！}，sex:{ required: '性别必须勾选！} }，errorElement: "标签",//用来创建错误提示信息标签成功：函数（标签){ //验证成功后的执行的回调函数//标签指向上面那个错误提示信息标签标签标签。文本(')//清空错误提示消息添加类别(”成功");//加上自定义的成功类} });})/脚本以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。