javascript - 比较两个输入字段

Question

我有这个功能，我用它来比较两个输入字段。如果用户在两个文本字段中输入相同的数字。提交时会报错。现在我想知道是否有办法允许相同的数字但不高于或低于前一个文本框的值1。例如，如果用户在前一个文本框中输入5，则用户只能输入4， 5或6在其他输入字段。请给我一些建议。

   <script type="text/javascript">
function Validate(objForm) {
var arrNames=new Array("text1", "text2");
var arrValues=new Array();
for (var i=0; i<arrNames.length; i++) {
var curValue = objForm.elements[arrNames[i]].value;
if (arrValues[curValue + 2]) {
alert("can't have duplicate!");
return false;
}
arrValues[curValue] = arrNames[i];
}
return true;
}
</script>

<form onsubmit="return Validate(this);">
<input type="text" name="text1" /><input type="text" name="text2" /><button type="submit">Submit</button>
</form>

Answer 1

一种易于阅读的简洁方法：

var firstInput = document.getElementById("first").value;
var secondInput = document.getElementById("second").value;

if (firstInput === secondInput) {
    // do something here if inputs are same
} else if (firstInput > secondInput) {
    // do something if the first input is greater than the second
} else {
    // do something if the first input is less than the second
}

这允许您在比较后再次使用这些值作为变量 (firstInput)、(secondInput)。

Answer 2

这是一个建议/提示

if (Math.abs(v1 - v2) <= 1) {
    alert("can't have duplicate!");
    return false;
}

这是jsfiddle链接，如果您想查看答案

Answer 3

给他们两个ID。

然后使用

if(document.getElementById("first").value == document.getElementById("second").value){
    //they are the same, do stuff for the same
}else if(document.getElementById("first").value >= document.getElementById("second").value
    //first is more than second
}

等等。