gpt4 book ai didi

javascript - 使用 javascript 进行实时验证 - onchange 只触发一次

转载 作者:太空狗 更新时间:2023-10-29 15:33:15 25 4
gpt4 key购买 nike

所以我只是用 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,这导致了问题

最佳答案

您必须添加 onclickonkeyup 事件以响应鼠标交互和从剪贴板插入:

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()" />

关于javascript - 使用 javascript 进行实时验证 - onchange 只触发一次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8104834/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com