比較輸入驗證html javascript中的兩個輸入值？
[英]compare two input values in input validation html javascript?
問題描述
我想比較兩個輸入minimumN和maximumN，如果邏輯不滿足則顯示警報，我有以下代碼：
HTML：
<table>
<tr>
<th>Minimum N</th>
<td>
<input id="minN" onkeyup="MinimumNValidate()" type="text" maxlength="50">
</td>
<th>Maximum N</th>
<td>
<input id="maxN" onkeyup="MaximumNValidate()" type="text" maxlength="50">
</td>
</tr>
</table>
Javascript：
function MinimumNValidate() {
var min = document.getElementById("minN").value;
var max = document.getElementById("maxN").value;
if (min > max) {
alert("Minimum value must be lesser than maximum value.");
}
}
function MaximumNValidate() {
var min = document.getElementById("minN").value;
var max = document.getElementById("maxN").value;
if (max < min) {
alert("Maximum value must be greater than minimum value.");
}
}
但這不起作用，即使 minN 小於 maxN 也會顯示警報，您能指出我代碼中的錯誤嗎？
3 個解決方案
解決方案1
4 已采納 2013-09-20 20:35:15
這里的東西很少
關閉輸入元素：
if(maxN<min) {
應該
if(max<min) {
最后，你不是在比較整數而是字符串，所以..
5<9
555<9
1000<20
它的“字母”
您需要將它們解析為 int。
parseInt(max) and parseInt(min)
...
function MinimumNValidate(){
var min = parseInt(document.getElementById("minN").value);
var max = parseInt(document.getElementById("maxN").value);
if(min > max) {
alert("Minimum value must be lesser than maximum value. " + min + " > " + max );
}
}
function MaximumNValidate(){
var min = parseInt(document.getElementById("minN").value);
var max = parseInt(document.getElementById("maxN").value);
if(max<min) {
alert("Maximum value must be greater than minimum value." + min + " > " + max );
}
}
解決方案2
3 2013-09-20 20:02:29
在第二個函數 MaximumNValidate() 中，您有一行代碼
if(maxN<min) {
這應該是
if(max<min) {
解決方案3
1 2019-11-20 14:48:49
function checknumber(theForm) { if (parseInt(theForm.num2.value) != (parseInt(theForm.num1.value)+1)) { alert('enter the correct year in intermediate'); return false; } return true; }
<!doctype html> <head> </head> <body> <form action="../" onsubmit="return checknumber(this);"> <label> tenth graduation </label> <input type="number" name="num1" autocomplete="off"><br> <br> <label> Intermediate </label> <input type="number" name="num2" autocomplete="off"> <input type="SUBMIT" value="year validation"> </form>
使用Javascript比較HTML中的兩個輸入數字？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.