2012-12-27 59 views
0

我有兩個文本框和一個jQuery代碼誰給我一個警報,當第二個文本框的值大於第一個文本框的值。我發現代碼和它的工作很好,但我需要將這些控件轉移到一個超鏈接,如果第二個文本框的值較小,則提交它以繼續。如果不是,不是我想要得到警報和公式推不能提交繼續如果警報不提交表格

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

看到代碼以action on jsfiddle

回答

0

您可以顯示或隱藏基於驗證提交按鈕。 ..

$('#Sel2').change(function(){ 
    var inputGUVal = Number ($('#Sel2').val()); 
    var inputGULimit = Number ($('#Sel1').val()); 
    if (inputGUVal > inputGULimit){ 
     alert ('Choose a number below a ' + inputGULimit); 
     $("#button").hide(); 
    } else { 
     $("#button").show(); 
} 
3
根據條件

防止提交:

$("a").on('click', function (e) { 
    if ($("#Sel2").val() > $("#Sel1").val()) { 
     e.preventDefault(); 
    } 
}); 

http://jsfiddle.net/ExaVH/21/

+0

jQuery頁面上有一個submit()的例子,它是點擊提交按鈕時的事件。 (這是另一個選擇,而不是「點擊」事件。)[(點擊查看信息)](http://api.jquery.com/submit/) –

+0

你也可以只是'返回false;' – jsweazy

+0

@jsweazy http:// fuelyourcoding.com/jquery-events-stop-misusing-return-false/ –

0

您可以使用事件的preventDefault方法。有關更多信息,請參閱here

0

只需添加一些onClick事件觸發驗證功能在那裏,如果它繼續傳遞提交。就像這樣:

$('#myLinkId').click(function(){ 
var inputGUVal = Number ($('#Sel2').val()); 
    var inputGULimit = Number ($('#Sel1').val()); 
    if (inputGUVal > inputGULimit){ 
     alert ('Choose a number below a ' + inputGULimit) 
    } else { 
    //Your Submission Code here. 
})​ 

就像我說的,我雖然更換onClick事件點擊功能。