集采用的验证规则
Jquery validate 是基于Form表单的验证,需要验证的页面组件需要放在<form>.....</form>标签中。
Demo:
普通文本框:<input id="name" name="name" type="text" required="true" validType="spacial_character&length[0,500]" class="easyui-validatebox" />
数字输入框: <input type="text" class="easyui-numberbox" />
页面效果:
1:如何在Ajax提交时调用验证组件。
if($('#form1').form('validate')){
}
注:Ajax提交的表单必须放在<form></form>标签内。
2:验证相关属性
验证规则 | 属性代码 | 是否必须 |
普通文本 | class="easyui-validatebox" | true |
必填项 | required="true" | false |
数字文本 | class="easyui-numberbox" | true |
数据长度 | validType="length[x,x]" | false |
邮件格式 | validType="email" | false |
URL地址 | validType="url" | false |
最小长度 | validType="minLength[x]" | false |
是否相等 | validType="equalTo['#validateObjId']" | false |
验证特殊字符 | validType="spacial_character" | false |
中文 | validType="stringCH" | false |
英文 | validType="stringEH" | false |
IP地址 | validType="ip" | false |
端口 | validType="port" | false |
邮编 | validType="postalCode" | false |
手机号码 | validType="mobile" | false |
字母和数字 | validType="alnum" | false |
自然数 | validType="naturalnum" | false |
身份证号码 | validType="idcardno" | false |
正整数 | validType="positiveInteger" | false |
数字 | validType="decimal" | false |
空格 | validType="space" | false |
注:
1:使用class="easyui-numberbox"时,validType属性无效
posted on 2013-12-13 11:47 yujun19880729 阅读(397) 评论(0) 编辑 收藏 举报