本文共 2225 字,大约阅读时间需要 7 分钟。
特别说明:
JQuery.validate默认情况下
1.J dateISO支持‘yyyy-MM-dd’格式
2.对于远程验证,服务器相应格式需要为true或者false,这样的话不能带其他参数
3.对于远程验证,没有进度条提示,这样不够友好。
4.默认不支持手机号,电话等
5.优点对于数字类型、字符串长度、是否相等、url、邮箱比较好用
6.支持select,checkbox,radio
7.支持代码模式和html标记模式,很方便自定义错误内容。
结论:对于远程验证的需求,很多时候还是要自己手写。
Demo源代码地址:
一、代码验证模式简单Demo
关键引用:
HTMl代码:JS代码:常用业务类型格式验证
前台验证表单后提交
$('form').validate({ debug: true, submitHandler: function (form) { //此处form为表单dom对象 alert('提交表单'); //手动触发表单提交 //form.submit(); }, rules: { nickname: { required: true, rangelength: [3, 10] }, blog: { required: true, url: true //指定url类型验证 (特别说明不支持localhost 本地连接) }, email: { required: true, email: true //指定email类型验证 }, creditCard: { required: true, creditcard: true //合法的信用卡号 (此处不支持) }, createTime: { required: true, date: true //时间类型验证 (此处最好不使用) }, createTime2: { required: true, dateISO: true //时间类型验证 默认的类型为 yyyy-MM-dd } }, messages: { nickname: { required: '昵称不能为空', rangelength: '昵称长度3-10' } }});
更多api可以参考: