今天使用jquery.validate.js表单验证
来源:互联网 发布:手机系统重装软件 编辑:程序博客网 时间:2024/05/16 04:30
今天使用jquery.validate.js表单验证
使用metronic中的两个js文件
jquery.validate.min.js
form-wizard.js
目前只会使用三个方面:
// 1.在validator中插入中文输入验证规则
jQuery.validator.addMethod("isChinese", function(value, element) {
var chinese = /^[\u4e00-\u9fa5]{1,20}$/g;
return this.optional(element) || (chinese.test(value));
}, "请填写中文。");
//2.检测表单输入信息
var form = $('#submit_form');
form.validate({
doNotHideMessage: true, //this option enables to show the error/success messages on tab switch.
errorElement: 'span', //default input error message container
errorClass: 'help-block help-block-error', // default input error message class
focusInvalid: false, // do not focus the last invalid input
//2.1配置name=mctName的输入限制规则。
rules: {
//商户信息
mctName: {
required: true ,
isChinese: true
}
}
//2.2配置提示信息
messages: { // custom messages for radio buttons and checkboxes
mctName:{
required : "请输入商户名称"
}
}
});
效果如图:
具体函数可以查看jquery.validate.js API
- 今天使用jquery.validate.js表单验证
- jquery.validate.js表单验证插件使用
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- Jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- Jquery.validate.js表单验证
- jQuery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- jquery.validate.js表单验证
- 利用过滤器和cookie实现简单的单点登录
- deeplearn.ai课程笔记Week 1
- POJ 2236 Wireless Network 并查集
- Notepad++ 快捷键大全
- Eclipse、MyEclipse为XML添加DTD约束
- 今天使用jquery.validate.js表单验证
- JUnit单元测试
- 深度学习笔记——深度学习技巧
- Lucene第二天入门
- docker daemon
- 使用Caffe对摄像机视频流中的目标进行识别
- 15.基于Hadoop的数据仓库Hive第3部分(Hive编程实践)
- 文本挖掘学习笔记(二)—词项词典
- Java进程&线程(一)