使用JQuery进行输入框验证

时间:2012-10-19 18:52:38

标签: javascript jquery

你好,这是我用JQuery解决这个问题的第二次尝试 我需要在发送我的表单之前检查一行输入必须比同一行中的其他一行输入为“n”行的dinamic表...我需要使用输入“ID”属性逐行检查。

这是我的代码: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>

编辑:添加了原始JS代码

$('#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,
    }

});

先谢谢。
基督教。

2 个答案:

答案 0 :(得分:1)

我终于能够解决这个问题,不管怎么说谢谢......

这是解决方案:

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>

答案 1 :(得分:-1)

    <form >
Line 1 Get <input type="val1" name="text1" id="desp1" /> from <input type="val1" name="text1" id="cantidad1" /><br>
Line 2 Get <input type="val2" name="text2" id="desp2" /> from <input type="val2" name="text2" id="cantidad2" /><br>
Line 3 Get <input type="val3" name="text3" id="desp2" /> from <input type="val3" name="text3" id="cantidad3" /><br>

    <button type="submit">Submit</button>
$('#desp').change(function(){
var j;
    for(i=1;i<n;i++){
    if($('#desp'+i).val() == $('#cantidad'+i).val())
    {
     alert("First value is greater than second at line"+i);
    return False;
    }
    else
    {
       j++
    }
}
if(n=j)
{
alert('all is well');
return false;
}

});

你应该根据行数得到的n值