jquery - 2个文本字段之间的JQuery验证

Question

我有两个只有数字的文本字段。在第一个文本字段中，我有数字 100。当我在第二个文本字段中写一个大于 100 的数字时，我想得到一个警报，我只能写一个小于 100 的数字。

Limit : <input type="text" class="inputGU" id="Sel1" readonly="readonly" value="100" >
<br><br>
Get :<input type="text" class="inputGU" id="Sel2" value="" >​

第二个文本框的值必须小于第一个文本框的值

这可以用 JQuery 吗？

http://jsfiddle.net/ExaVH/

Answer 1

使用 jQuery 是完全有可能的，你可以使用这样的东西：

$(document).ready(function(e){
    $('#Sel2').change(function(e){
        var val1 = $('#Sel1').val();
        if(parseInt($(this).val()) > parseInt(val1)){
            alert("The value must be smaller than "+val1);
            $(this).val('');        
        }   
    });        
});​

在这个jsFiddle中查看它的实际效果

Answer 2

怎么样：

$("input").change(function() {

        if(parseInt($("#Sel2").val()) > parseInt($("#Sel1").val()))
        {
            alert("exceeded limit");
        }
    }
);

现场演示：http: //jsfiddle.net/ExaVH/7/

Answer 3

试试这个：

js：

$('#Sel2').change(function(){
    var inputGUVal = Number ($('#Sel2').val());
    var inputGULimit = Number ($('#Sel1').val());
    if (inputGUVal > inputGULimit){
        alert ('Choose a number below a ' + inputGULimit )
    }
})​

测试：http: //jsfiddle.net/ExaVH/15/