Home/ Questions/Q 6805285
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T19:34:06+00:00

So I’m just testing something with js, basically the number in the first input

  • 0

So I’m just testing something with js, basically the number in the first input has to be bigger than the number in the second input for the submit button to be activated.

The button get’s disabled just right, but if I change the number it won’t activate again

<!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>

Edit:
The arrows of the number input trigger onchange it seems, that caused the problem

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to add the onclick and onkeyup event in order to respond to mouse interactions and to inserts from the clipboard:

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