jquery validate 详解一
来源:互联网 发布:昆仑数据科技面试 编辑:程序博客网 时间:2024/04/30 12:00
jQuery校验
官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation一导入js库
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>
二、默认校验规则
(1)required:true
(2)remote:"check.php"
(3)email:true
(4)url:true
(5)date:true
(6)dateISO:true
(7)number:true
(8)digits:true
(9)creditcard:
(10)equalTo:"#field"
(11)accept:
(12)maxlength:5
(13)minlength:10
(14)rangelength:[5,10]
(15)range:[5,10]
(16)max:5
(17)min:10
三、默认的提示
messages: {
},
如需要修改,可在js代码中加入:
jQuery.extend(jQuery.validator.messages, {
});
推荐做法,将此文件放入messages_cn.js中,在页面中引入
<script src="../js/messages_cn.js" type="text/javascript"></script>
四、使用方式
1.将校验规则写到控件中
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>
<script src="./js/jquery.metadata.js" type="text/javascript"></script>
$().ready(function() {
});
<form id="signupForm" method="get" action="">
</form>
使用class="{}"的方式,必须引入包:jquery.metadata.js
可以使用如下的方法,修改提示内容:
class="{required:true,minlength:5,messages:{required:'请输入内容'}}"
在使用equalTo关键字时,后面的内容必须加上引号,如下代码:
class="{required:true,minlength:5,equalTo:'#password'}"
2.将校验规则写到js代码中
$().ready(function() {
});
//messages处,如果某个控件没有message,将调用默认的信息
<form id="signupForm" method="get" action="">
</form>
required:true 必须有值
required:"#aa:checked"表达式的值为真,则需要验证
required:function(){}返回为真,表时需要验证
后边两种常用于,表单中需要同时填或不填的元素
- jquery validate 详解一
- jquery validate 详解一
- jquery validate 详解一
- jquery validate 详解一
- jquery validate 详解一
- jquery validate 详解一
- jquery validate 详解一
- jquery validate 使用详解一
- jquery validate 详解一
- jquery validate 详解一
- jquery.validate 使用详解
- jquery validate 详解
- jquery validate 详解二
- jquery validate 详解二
- jquery validate 详解
- jquery validate 详解
- jQuery.validate使用手册,详解
- jQuery.validate插件详解
- Error building Player: Win32Exception: ApplicationName='E:/adt-20140702/sdk\tools\zipalign.exe', Com
- openstack页面自定义插件使用详解(django、ajax、post)(zTree为例)
- UDP中的Connect
- 随想
- meta辅助性标签。
- jquery validate 详解一
- Xcode 6 bate2的swift的半闭区间新语法说明
- 2014 ACM/ICPC 西安赛区网络赛解题报告汇总
- Jibx 使用入门
- VS2010环境下连续可控制的读取Excel文件中数据
- 2014 ACM/ICPC 广州赛区网络赛解题报告汇总
- hibernateTools工具安装及使用总结(eclipse 3.6)
- 树-排序二叉树插入
- 客户端网络优化方法