Jquery Easyui验证组件ValidateBox使用详解(20)
本文实例为大家分享了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]', });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持积木网。
Jquery Easyui分割按钮组件SplitButton使用详解(17)
SpliButton组件依赖于Menu(菜单)组件和LinkButton(按钮)组件加载方式Class加载ahref="javascript:void(0)"id="edit"class="easyui-splitbutton"data-options="menu:'#box',iconCls:'icon-edit'"
Jquery Easyui菜单组件Menu使用详解(15)
本文实例为大家分享了JqueryEasyui菜单组件的实现代码,供大家参考,具体内容如下加载方式菜单组件通常用于快捷菜单,在加载方式上,通过class或JS进
Jquery Easyui选项卡组件Tab使用详解(10)
本文实例为大家分享了JqueryEasyui选项卡组件的实现代码,供大家参考,具体内容如下加载方式Class加载divclass="easyui-tabs"style="width:400px;height:250px"divtitle="Ta
编辑:广州鸿名健康科技有限公司
标签:组件,加载,菜单,方式,大家分享