asp.net - 当非必填字段为空时，jquery 验证会停止页面提交

Question

我正在使用 jquery 验证 asp.net 表单(母版页中的内容)。必填字段验证都工作得很好，但我有一个不是必填字段，但如果它确实有文本，那么它需要采用正确的格式。 Jquery 可以很好地验证不正确的文本，但是当文本为空时，它会阻止表单提交(尽管没有错误消息)。任何人都知道为什么会发生这种情况或该怎么办？

 // Add validation rule for email
            if ($("input[id$='TextBoxEmail']").length) {
                $("input[id$='TextBoxEmail']").rules('add', {
                    required: false,
                    email: true,
                    messages: {
                        email: 'Please enter a valid email.'
                    }
                }); 
            } 

Answer 1

我刚刚设置了类似的测试，无法复制该问题(请参阅下面的代码):

    <script type="text/javascript">
    $(document).ready(function () {
        $("#test").validate();

        if ($("input[id$='txtText']").length) {
            $("input[id$='txtText']").rules('add', {
                required: false,
                email: true,
                messages: {
                    email: 'Please enter a valid email.'
                }
            });
        }
    });
</script>

<form id="test">
    <input type="text" id="txtText" />
    <input type="submit" />
</form>

我正在使用 jQuery 1.5.1 和最新的 jquery.validate.min.js

我只能建议您使 jQuery 选择器更加具体，因为 id$='TextBoxEmail' 表示以“TextBoxEmail”结尾。如果您的字段名称有冲突，这可能会成为问题？