正则表达式不适用于ZipCode

Question

HTML

<form action="#" id="MyForm" name="MyForm">
<p id="message"></p>
<table id="tblData">
    <tr>
        <td>
            <label for="A">
                A</label>
            <input id="A" name="A" type="text" value="" />
        </td>
    </tr>
    <tr>
        <td>
            <label for="ZipCode">
                Zip Code</label>
            <input id="ZipCode" name="ZipCode" type="text" value="" />
        </td>
    </tr>
    <tr>
        <td>
            <span id="submitButton" class="k-button">Next</span>
        </td>
    </tr>
</table>
</form>

JQuery的

$(document).ready(function () {
    $('#submitButton').click(function () {
        $('#MyForm').submit();
    });
    $.validator.addMethod(
            'regex',
            function (value, element, regexp) {
                var re = new RegExp(regexp);
                return this.optional(element) || re.test(value);
            }, "");

            $('#MyForm').validate(
        {
            rules: {
                A:
                {
                    required: false,
                    range: [1, 9999999999]
                }
            },
            messages: {
                A: {
                    range: jQuery.validator.format("Please enter a value between {0} and {1}.")
                }
            }
            ,
            highlight: function (element) {
                $(element).closest('.MyForm').removeClass('success').addClass('error');
            }
        });
    $("#ZipCode").rules("add", { regex: "^(\d{5}-\d{4}|\d{5}|\d{9})$|^([a-zA-Z]\d[a-zA-Z]( )?\d[a-zA-Z]\d)$",
        messages: {
            regex: "Zip code must be a Valid US or CA Zip"
        }
    });
});

问题：邮政编码存在一些问题。它一直在说。请输入有效的邮政编码。但是当我用s / w测试正则表达式时，它在那里工作得很好......

的 JSFiddle - Demo

Answer 1

我做了一些改动，现在工作正常

<script type="text/javascript">
    $("#ZipCode").rules("add",
        { regex: /^(\d{5}-\d{4}|\d{5}|\d{9})$|^([a-zA-Z]\d[a-zA-Z]( )?\d[a-zA-Z]\d)$/,
        messages: {
            regex: "Zip code must be a Valid US or CA Zip"
        }
    });


    $.validator.addMethod(
        'regex',
        function (value, element, regexp) {
            return regexp.test(value);
    }, "");
</script>

Answer 2

在Javascript中，您必须转义Javascript本身未使用的所有转义字符。用正则表达式中的双反斜杠替换所有反斜杠，或者（如该答案中的OP所示），使用正斜杠作为边界字符表示正则表达式，而不是将其列为javascript将尝试解释的字符串。正斜杠是用于明确写new Regexp("...");的语法糖。