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();  
    });