Question

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

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

中的代码

Answer 1

根据条件阻止提交：

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

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

Answer 2

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

$('#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 3

您可以使用事件的preventDefault方法。有关详情，请参阅here。

Answer 4

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

如果警报不提交表格

4 个答案: