Question

我有两个仅包含数字的文本字段。在第一个Textfield中，我有100号。当我在第二个Textfield写一个大于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/

两个textfield之间的JQuery验证

3 个答案: