集采用的验证规则

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编辑  收藏  举报

导航