集采用的验证规则
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 阅读(412) 评论(0) 收藏 举报
浙公网安备 33010602011771号