2012-12-27 43 views
-2

我有兩個只有數字的文本域。在第一個文本字段,我有人數100 當我在第二個文本字段寫入大於100的數字我想獲得一個警告,在那裏我可以只寫一個數小於1002文本域之間的JQuery驗證

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/

+5

嘗試[jQuery驗證插件](http://bassistance.de/jquery-plugins/jquery-plugin-驗證/),如果您有任何問題,請回來。 – Sparky

+0

return(eval($(「#Sel2」)。val())<= eval($(「#Sel1」)。val())); –

+0

@ThiagoCustodio我希望這是一個笑話,''eval()'只是輸入問題而已。 –

回答

0

嘗試這種情況:

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/

+0

它工作得很好THX。只有一個問題,我如何將這與公式和提交按鈕綁定在一起,這兩個Textfields在哪裏,當我從第一個字段寫入大於vlue的值時,我無法提交?可能嗎? – achillix

+0

是的,但用jsFiddle將你的當前代碼粘貼到另一個問題中。 – karacas

+0

確定它已完成: http://stackoverflow.com/questions/14060699/if-alert-do-not-submit-form – achillix

0

這是與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

+0

除了OP的HTML [你的jsFiddle](http://jsfiddle.net/pt28U/)以外沒有什麼東西。 – Sparky

+0

固定鏈接,謝謝 – aurbano

+0

It works great THX – achillix

0

如何:

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

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

現場演示:http://jsfiddle.net/ExaVH/7/