Compare Two Input Values In Input Validation Html Javascript?

Question

I want to compare two inputs minimumN and maximumN, and display an alert if the logic is not satisfied, I have the following code: HTML:

Solution 1:

Few things here

close the input elements:

if(maxN<min) {

Should be

if(max<min) {

Finally, you are not comparing integers but strings so..

5<9
555<9
1000<20

Its "alphabetic"

You need to parse them to 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 );
       } 
  }

Solution 2:

In the second function MaximumNValidate(), you have the line of code

if(maxN<min) {

which should be

if(max<min) {

Solution 3:

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>

Html5 Tutorial

Compare Two Input Values In Input Validation Html Javascript?

Solution 1:

Solution 2:

Solution 3:

Post a Comment for "Compare Two Input Values In Input Validation Html Javascript?"