AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

Jquery Easyui验证组件ValidateBox使用详解(20)

51自学网 http://www.wanshiok.com
Jquery,Easyui,验证组件,ValidateBox

本文实例为大家分享了Jquery Easyui验证组件的实现代码,供大家参考,具体内容如下

加载方式

Class加载

<input id="email" class="easyui-validatebox" data-options="required:true,validType:'email'" />

JS调用加载

 <input id="email" />  <script>    $(function () {      $('#email').validatebox({        required : true,        validType : 'email',      });    });  </script>

属性列表

//属性设置$('#email').validatebox({required : true,validType : 'email',//validType : 'url',//validType : 'length[2,20]',//validType : ['email', 'length[10,20]'],//validType : 'remote["content.php", "username"]',//delay : 3000,missingMessage : '请填写电子邮件',invalidMessage : '电子邮件格式不正确',tipPosition : 'right',deltaY : 120,novalidate : true,});//Ajax 远程验证if ($_POST['username'] == 'Lee') {    echo 'true';} else {    echo 'false';}

方法列表

//销毁组件$('#email').validatebox('destroy');//验证码文本框是否有效 console.log($('#email').validatebox('validate'));//返回验证的结果console.log($('#email').validatebox('isValid'));//禁用和启用$('#email').validatebox('disableValidation');$('#email').validatebox('enableValidation');//可以使用$.fn.validatebox.defaults 重写默认值对象。

自定义验证

//新增一个规则$.extend($.fn.validatebox.defaults.rules, {   minLength : {   validator : function (value, param) {   return value.length >= param[0];   },   message : '请长度不小于{0}的字符',   },});//调用$('#email').validatebox({  required : true,  validType : 'minLength[5]',});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持wanshiok.com。


Jquery,Easyui,验证组件,ValidateBox  
上一篇:Jquery Easyui自定义下拉框组件使用详解(21)  下一篇:Jquery Easyui分割按钮组件SplitButton使用详解(17)