php - 如何使用 jquery 和 javascript 提交或不提交表单

Question

我有一个像这样的表格:

<form name="form" id="form" action="sub.php" onsubmit="return checkField();">
.
.
.
</form>

我的脑子里有:

<script>
   function checkField(){
      var fieldToCheck = $('#field').val();
      $.post("checkField.php",{field:fieldTocheck},function(msg)){
         return msg=='ok';
      }
   }
</script>

问题是表单将始终提交..我知道 $.post 中的返回是用于成功函数而不是函数 checkField() ..那我该怎么办？有人能帮我吗？谢谢!!

Answer 1

1、阻止提交事件:

$('#form').submit(function(event) {
event.preventDefault();
}

2、如果一切正常，继续提交

   function checkField(){
      var fieldToCheck = $('#field').val();
      $.post("checkField.php",{field:fieldTocheck},function(msg)){
         $('#form').submit();
      }
   }