Question

Hello this is my second attempt to solve this problem with JQuery
I need Check that a row of input must be minor than other one in the same row for a dinamic table of “n” rows, before send my form…I need check row by row using the input “ID” property…

Here my Code: http://jsfiddle.net/cespinoza/bQcu2/36/

    <form >
Line 1 Get <input type="val1" name="text1" id="desp" /> from <input type="val1" name="text1" id="cantidad" /><br>
Line 2 Get <input type="val2" name="text2" id="desp" /> from <input type="val2" name="text2" id="cantidad" /><br>
Line 3 Get <input type="val3" name="text3" id="desp" /> from <input type="val3" name="text3" id="cantidad" /><br>

    <button type="submit">Submit</button>

</form>

Edited: Added the Original JS code

$('#desp').change(function(){

    if($('#desp').val() == $('#cantidad').val())
    {
     alert("First value is greater than second, sorry")
    return False;
    }
    else
    {

    alert("All ok, push to database")
    return True,
    }

});

Thanks in Advance.
Christian.

Answer 1

I Finally was able to solve this problem, thanks anyway…

This was the solution:

function validar(obj,i){
        var1=Number(obj.value);
        var2=Number(document.getElementById("saldo"+i).value);

        if (var1>var2) {        
            obj.focus();
            alert("No puede Retirar mas del saldo existente");

            }

}

Line 1 Get <input type="val1" name="text1" id="des1" onblur="validar(this,1);" /> from <input type="val1" name="text1"  value="10" id="saldo1"    /><br>
Line 2 Get <input type="val2" name="text2" id="des2" onblur="validar(this,2);" /> from <input type="val2" name="text2" id="saldo2" value="10" /><br>
Line 3 Get <input type="val3" name="text3" id="des3" onblur="validar(this,3);"/> from <input type="val3" name="text3" id="saldo3" value="10"/><br>