比较输入验证HTML JavaScript中的两个输入值
compare two input values in input validation html javascript?
我想比较两个输入 minimumN 和 maxumN,如果不满足逻辑,则显示警报,我有以下代码:
.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,也会显示警报,你能指出我的代码中的错误吗?
这里有几件事
关闭输入元素:
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 );
}
}
在第二个函数 MaximumNValidate() 中,你有一行代码
if(maxN<min) {
应该是
if(max<min) {
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函数,它接受两个输入:一个对象和一个键,并返回对象中该键的相应值
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- 比较jquery中的两个输入
- Javascript-如何使用bootstrap日期时间选择器自动计算两个时间输入之间的差异
- 使用javascript将两个输入的日期添加在一起
- 如何将(a*b)两个输入文本值相乘,并在javascript中随文本变化动态显示
- 如何调用两个函数是一种html输入类型
- 如何根据两个不同的输入动态设置链接的路径
- 比较两个输入字段
- javascript:无法添加两个文本输入
- 敲除:如何对两个数字输入进行双向绑定
- 使用一个输入作为两个按钮的值
- 在 JavaScript 中单击函数时两个日期类型输入之间的差异的代码
- 输入两个输入,填写第三个
- 如何十进制验证:限制仅输入两个数值
- 如果输入两个输入标签具有相同的值,则给出警报 - JavaScript 只有 jQuery
- 如何让用户输入两个字段中的任意一个
- 提前输入两个源和自定义分隔符
- 输入两个百分比,给我第三个
- 如何只允许输入两个小数点