Question

以下检查通过由35个字符组成的输入提交的项目代码，该字符包括字母A-F和数字0-9，以及三个破折号（“ - ”）。有效项目代码的示例如下：16FA860F-E86A457B-A28A238B-2ACA6E3D

//Checks the item code to see if it meets requirements
if($("#input").val().length > 35) {
    $("#errorLogContent").prepend("The item code <font color='#FFFFFF'>" + itemCode + "</font> is too long.<br>");

    $("#ise").each(function(){
    this.reset();
    });
}
else if($("#input").val().length < 35) {
    $("#errorLogContent").prepend("The item code <font color='#FFFFFF'>" + itemCode + "</font> is too short. Be sure to include dashes.<br>");

    $("#ise").each(function(){
    this.reset();
    });
}
else if($("#input").val().match(/([^A-Fa-f0-9-]+)/gm)) {
    $("#errorLogContent").prepend("The item code <font color='#FFFFFF'>" + itemCode + "</font> contains invalid characters.<br>");

    $("#ise").each(function(){
    this.reset();
    });
}

else if($("#input").val().match(/[-]/g, "").length > 3) {
    $("#errorLogContent").prepend("The item code <font color='#FFFFFF'>" + itemCode + "</font> is an invalid format. Please only use 3 dashes.<br>");

    $("#ise").each(function(){
    this.reset();
    });
}
else if($("#input").val().match(/[-]/g, "").length < 3) {
    $("#errorLogContent").prepend("The item code <font color='#FFFFFF'>" + itemCode + "</font> is an invalid format. Please include 3 dashes.<br>");

    $("#ise").each(function(){
    this.reset();
    });
} 

else {
 //Rest of my code
}

以下情况很有效，除非项目代码长度为35个字符，但不包含短划线。如果它包含1或2个破折号，则此代码捕获它，但如果它包含0，则它只是挂起并且什么都不做。我已经尝试了一切，但似乎无法弄清楚解决方案是什么。由于长度为空，它只是挂起。应该调整的部分是这样的：

else if($("#input").val().match(/[-]/g, "").length > 3) {
    $("#errorLogContent").prepend("The item code <font color='#FFFFFF'>" + itemCode + "</font> is an invalid format. Please only use 3 dashes.<br>");

    $("#ise").each(function(){
    this.reset();
    });
}
else if($("#input").val().match(/[-]/g, "").length < 3) {
    $("#errorLogContent").prepend("The item code <font color='#FFFFFF'>" + itemCode + "</font> is an invalid format. Please include 3 dashes.<br>");

    $("#ise").each(function(){
    this.reset();
    });
}

我确信解决方案很简单，但我很难过。

编辑：除了CSS之外，我在大多数情况下都是如何布置的。 http://jsfiddle.net/86KcG/1/

Answer 1

您可以在

上使用正则表达式来修复代码

/^[A-F0-9]+\-[A-F0-9]+\-[A-F0-9]+\-[A-F0-9]+$/

其中^和$匹配输入的开始和结束，以及字符组A-F和0-9的约束，短划线由至少一个A-F组或0-9的字符分隔。

将此检查与35个字符的长度检查相结合可使您的代码正常工作。

//Checks the item code to see if it meets requirements
if($("#input").val().length != 35) {
    $("#errorLogContent").prepend("The item code <font color='#FFFFFF'>" + itemCode + "</font> is too long/short.<br>");

    $("#ise").each(function(){
        this.reset();
    });
}
else if(!(/^[A-F0-9]+\-[A-F0-9]+\-[A-F0-9]+\-[A-F0-9]+$/.test($("#input").val()))) {
    $("#errorLogContent").prepend("Insert some dashes and make sure the required pattern...<br>");

    $("#ise").each(function(){
        this.reset();
    });
}

Answer 2

.length永远不会是null。如果没有匹配，match()的返回值为null，在这种情况下，如果您尝试检查自length以来的null属性，则会收到错误消息没有属性，因此您需要对其进行测试（但length本身将始终是0以上的整数或undefined。）

所以你可以说：

else {
    var matches = $("#input").val().match(/[-]/g);  // note: match() only takes one parameter
    if (matches != null && matches.length > 3) {
       $("#errorLogContent").prepend("The item code <font color='#FFFFFF'>" + itemCode + "</font> is an invalid format. Please only use 3 dashes.<br>");

       $("#ise").each(function(){
          this.reset();
       });
    }
}

对于少于3次的测试，你会说：

if (matches === null || matches.length < 3)

...以便在没有匹配（null的返回）或某些匹配但少于3的情况下迎合。

如果正确的值始终遵循16FA860F-E86A457B-A28A238B-2ACA6E3D的模式，即由破折号分隔的8个字母或数字的组，则可以执行以下操作：

if (!/^[0-9A-F]{8}-[0-9A-F]{8}-[0-9A-F]{8}-[0-9A-F]{8}$/i.test($("#input").val()) {
   // invalid, do something...
}

正则表达式.test() method返回true或false，具体取决于提供的字符串是否匹配。

如果长度为空则需要传递条件

2 个答案: