jquery - 如果警报不提交表格

Question

我有两个文本字段和一个 jquery 代码，当第二个文本字段的值大于第一个文本字段的值时，他会向我发出警报。我找到了代码并且效果很好，但是我需要将这些控件转移到一个超链接，如果第二个文本字段的值较小，则提交以继续。如果不是，那么我想得到警报并且公式无法提交继续

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

请参阅jsfiddle 上的实际代码

Answer 1

根据条件阻止提交：

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

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

Answer 2

只需添加一些触发验证功能的 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 事件替换 click 函数。

Answer 3

您可以根据验证显示或隐藏提交按钮...

$('#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();
}

Answer 4

你可以使用事件的preventDefault方法。有关更多信息，请参阅此处。