jquery - 2つのテキストフィールド間のJQuery検証

Question

数字のみのテキストフィールドが 2 つあります。最初の Textfield には 100 という数字があります。2 番目の 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="" >​

2 番目のテキスト ボックスの値は、最初のテキスト ボックスの値よりも小さくする必要があります

これはJQueryで可能ですか??

http://jsfiddle.net/ExaVH/

Answer 1

これを試して：

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/

Answer 2

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 3

どうですか：

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

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

ライブデモ: http://jsfiddle.net/ExaVH/7/