jquery.validationEngine 自定义验证的使用方法

一：自定义验证规则

(1) 方法1 ，定义验证规则

$.validationEngineLanguage.allRules.name = {"regex": /^\w{5,10}$/,"alertText": "* 5到10个字母、数字、下划线"};

name就是自定义的验证规则名称

(2) 方法2 ，定义验证方法

        function validateNameField(field, rules, i, options){var value = $("#name").val();if($(value =="" || value.length>10 || value.length < 5)){return "* 5到10个字符";}}

二：在表单控件中添加验证

对应方法1

<form id="editform" action="#" method="post">  <input id="user" name="user" type="text" value="" class="validate[required,custom[name]]" />  <input type="submit" value="提交"/>
</form>

对应方法2

<form id="editform" action="#" method="post">  <input id="user" name="user" type="text" value="" class="validate[required,funcCall[validateNameField]]" />  <input type="submit" value="提交"/>
</form>

注意：如果不配合required使用，单独调用方法 validate[funcCall[validateNameField]]，那么需要在return提示信息之前调用rules.push('required'); 例如

        function validateNameField(field, rules, i, options){var value = $("#name").val();if($(value =="" || value.length>10 || value.length < 5)){rules.push('required');return "* 5到10个字符";}}

三：启动验证机制

$ready(function () {  $("#editform").validationEngine();  });

jquery.validationEngine 自定义验证的使用方法相关推荐

jquery.validationEngine Ajax验证的使用方法
一 : 表单中为元素添加Ajax验证 <form id="editform" action="#" method="post"&g ...
jQuery Validate自定义验证
jQuery Validate 导入js库,这里是mvc中Scripts.Render的用法 @Scripts.Render("~/bundles/jquery")@Scripts ...
教你三种Model(AR)中自定义验证规则的方法
2019独角兽企业重金招聘Python工程师标准>>> 各位Yii2兄弟都知道Model的rules里面可以使用自己定义的验证规则,我们今天就把自定义规则做一个总结,进行一次彻底的知 ...
jquery 表单验证 ajax提交,jquery.validationEngine ajax验证不通过也提交表单
今天用到了jquery.validationEngine ajax验证,碰到了一个让人很郁闷的问题 ajax验证不通过时也提交表单,在网上找了半天也没找到答案,让人很没办法,看源码了调试了半天,终 ...
jQuery.validator.addMethod 自定义验证方法
1.$.validator.addMethod 方法自定义验证介绍该方法可用于我们平时给<input type=" "> 指定type时使用,目的就是可以让我们自己定 ...
jQuery表单验证的几种方法
1.jQuery的框架的验证:validate框架 Jquery Validate 验证规则 (1)required:true 必输字段 (2)remote:"check.PHP" ...
JQuery validate 各项验证规则讲解
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 使用样例见:http://blog.csdn.net/jiangyu1013/article/det ...
jquery validation engine ajax验证,jquery.validationEngine 验证 AJAX 不起作用解决方法
当前位置:我的异常网» Ajax » jquery.validationEngine 验证 AJAX 不起作用解决方 jquery.validationEngine 验证 AJAX 不起作用解决方法 ...
JQuery.validationEngine表单验证插件
一.说明 JQuery.validationEngine表单验证控件功能强大,自带了样式显示模式: 1.字符类型:非空验证.最大长度.最小长度.相等判断.数字和空格.数字和英文字母 2.数字类型:数字 ...

jquery.validationEngine 自定义验证的使用方法

jquery.validationEngine 自定义验证的使用方法相关推荐

最新文章

热门文章