表单验证某些输入必须彼此不同答案

【问题标题】：Form validate some input must be different from each other表单验证某些输入必须彼此不同
【发布时间】：2017-05-06 16:26:51
【问题描述】：

我在验证表单时遇到了一些问题。我想要做的是检查某些输入字段是否相等，如果为真则停止表单输入。像这样的：

<form id="myForm">
<input type="text" id="id1" />
<input type="text" id="id2" />
<input type="text" id="id3" />
<br/>
<input type="text" id="id4" />
<input type="text" id="id5" />
<input type="text" id="id6" />
...some other inputs (id7, id8, id9 - id10, id11, id12 - ...)
<p id="error" hidden="hidden">
Error
</p>
<input id="submit" type="submit" value="submit" />   
</form>

如果 id1、id2 和 id3 具有相同的值（以相同的顺序） id4，id5 id6 必须停止表单输入。 id1、id2、id3可以有相同的值，id4可以有id1的相同值，依此类推，但三者（id1、id2、id3）不能有相同的id4、id5、id6值。例如一个错误是：

id1：一个
id2：两个
id3：三个
id4：一个
id5：两个
id6：三个

其他情况都很好。

我正在尝试这样的事情：http://jsfiddle.net/g2kBm/283/ 但它不起作用。

【问题讨论】：

标签： javascript forms

【解决方案1】：

http://jsfiddle.net/g2kBm/284/

您不需要 on blur 事件，因为您正在检查提交。另外，您需要检查#1 == #4 AND #2 == #5 AND #3 == #6：

$('#myForm').submit(function (event) {
    var errors = false;
    if ($('#id1').val() == $('#id4').val() &&
        $('#id2').val() == $('#id5').val() &&
        $('#id3').val() == $('#id6').val()) {
            $("#error").show(); 
            errors = true;
    } else { 
      errors = false; 
      $("#error").hide();
    }
    if (error) {
      event.preventDefault();
    }
});

【讨论】：

【解决方案2】：

您的 if 语句应类似于以下内容：

if((1==4)&&(2==5)&&(3==6)){
    errors = true;
}

【讨论】：