jQuery 验证 this.Optional(element) 始终为 false

Question

我正在尝试熟悉 jQuery 验证自定义方法，但似乎有点困惑。为什么我的自定义方法中的 this.Optional(element) 总是返回 false？

这是我的代码示例:

<script type="text/javascript">
    $(document).ready(function(){
        $.validator.addMethod('customemethod', function(val, el){
            return this.optional(el) || false;
        }, 'custom method says its INVALID !');
        $('#myform').validate({ignore: '*[ignore]'});
        $('#validate').click(function(){
            $('#result').text($('#myform').validate().form());
            return false;
        });
    });
</script>
<form id="myform">
    <div><input type="text" id="customfield" name="customfield" /></div>
    <script type="text/javascript">
        $(document).ready(function(){$('#customfield').rules('add', { required: true, customemethod: true } ) } );
    </script>
    <div><input type="text" id="customfield2" name="customfield2" /></div>
    <script type="text/javascript">
        $(document).ready(function(){$('#customfield2').rules('add', { required: false, customemethod: true } ) } );
    </script>

    <div id="result"></div>
    <input id="validate" type="submit" />
</form>

如果不需要元素并且它的值不为空 - 调用验证方法并且在这种情况下我需要返回 true。但 this.Optional(el) 始终为 false :(

我该如何解决这个问题？如何检查自定义方法中是否需要元素？谢谢。

Answer 1

如果值不为空，

可选 为 false，因此您可以对该字段执行验证，但前提是该字段不为空。例如，如果电子邮件地址是可选的，则您必须验证格式，但前提是提供了值。如果未提供值，可选 将返回 true，因此不会执行其余的评估。这就是该方法的目的。如果你需要值不为空，那么它必须是必需的。无论您是否需要它为空，您都不需要验证。