Question

我正在尝试创建一些代码来使用jQuery来阻止用户提交表单，如果文本字段中的值不同于50.表单提交工作很好，但是我遇到了一些jQuery代码的问题阻止提交。

我的HTML代码：

<form name="vehicleRegFrm" id="vehicleRegFrm" action="" method="post">
    <input name="samp" id="samp" type="text" />
    <input name="sbtAddCarFrm" type="submit" value="Continue" />
</form>

以下是有问题的jQuery代码：

$('sbtAddCarFrm').on('click', function(event) {
    event.preventDefault ? event.preventDefault() : event.returnValue = false;

    if ($('samp').val() != 50) {
        $('vehicleRegFrm').submit();
    } else {
        alert("your message");
    }
});

Answer 1

试试这个

  $("#vehicleRegFrm").submit(function(){
         if ($('#samp').val() != 50) {
             alert('form will not be sent')
             return false;
         }
         else {
             alert('form will be sent')
             return true;
         }
  })

如果用户写50表格将被发送如果用户写入不同的值，则不会发送任何内容

Answer 2

$('input[name="sbtAddCarFrm"]').on('click', function(event) {
    event.preventDefault();

    if ($('#samp').val() != 50) {
        $('#vehicleRegFrm').submit();
    }
    else {
        alert("your message");
    }
});

请注意，在此代码中，您只能提交值为非50，这与您在问题中的值不同！

如果字段值为false，则阻止表单提交

2 个答案: