所以我只是用js测试,基本上,第一个输入中的数字必须大于第二个输入中的数字,才能激活提交按钮。
按钮“get”已被禁用,但是如果我更改数字,它将不会再次激活
<!DOCTYPE HTML>
<html>
<body>
<input type='number' id='first' onchange="validateNumber()"/><br>
<input type='number' id='second' onchange="validateNumber()"/><br>
<script type="text/javascript" >
function validateNumber()
{
var first = document.getElementById('first').value;
var second = document.getElementById('second').value;
if(first > second){
document.getElementById('sub').disabled=false;
}else{
document.getElementById('sub').disabled=true;
}
}
</script>
<input type="submit" id="sub"/>
</body>
</html>
编辑:
数字输入的箭头似乎触发了onchange,这引起了问题
最佳答案
您必须添加onclick
和onkeyup
事件,以响应鼠标交互并从剪贴板插入:
http://jsfiddle.net/wzvvN/1
<input type='number' id='first' onkeyup="validateNumber()" onclick="validateNumber()" onchange="validateNumber()" />
<input type='number' id='second' onkeyup="validateNumber()" onclick="validateNumber()" onchange="validateNumber()" />