jQuery Validate 插件自定义方法不起作用[重复]

Question

<script> 
    $("#form").validate();
    $(document).ready(function ()  
    {
        var merror = '';    
        jQuery.validator.addMethod('mvalid', function(value, element) {  
        if($("#mobile").hasClass("required") == true && ($("#mobile").val().substr(0,1) != '7' ||$("#mobile").val().substr(0,1) != '8' ||
        $("#mobile").val().substr(0,1) != '9'))  {                                        
            merror = 'Enter correct Mobile No.';
            return false;                                                     
        }
            return true;        
        }, merror); 
    }); 
</script>

Answer 1

您不需要创建自定义方法来简单地显示required 规则的自定义消息。只需使用messages 选项即可。

$('#myform').validate({
    rules: {
        mobile: {
            required: true
        }
    },
    messages: {
        mobile: {
            required: 'Enter Mobile No.'
        }
    }
});

演示：http://jsfiddle.net/dLq5t/

---

编辑：

否则，如果您需要自定义规则，则消息是其中的最后一项。它会在元素验证失败时显示。

jQuery.validator.addMethod('mvalid', function(value, element, params) {
     // your custom function
     // return true to pass validation
     // return false to fail validation and display error message
}, 'Enter Mobile No.');

查看文档：http://jqueryvalidation.org/jQuery.validator.addMethod/

顺便说一句：您不需要检查自定义函数中的空字段，因为required 规则已经处理了这一点。而且您无需再次检查required class，因为该插件默认情况下已经这样做了。