php - 为什么我的表单在忽略弹出警报时提交

Question

我有一个表格，其中没有字段可以为空。当用户尝试提交带有空字段的表单时，我会弹出一个警告框。但是当用户在警报框中单击“确定”时，表单会被提交。

下面是我的代码：

js：

 function checkIt(f)
  {   
    if (f.elements['username'].value=="" && f.elements['text'].value=="") {      
        alert('Both fields are required');
        return false;   
    } else {
        return true;
    } 
  }

形式：

<form method="POST" action="" onSubmit="return checkIt(this)" id="submit">
    <input type="text" name="username" />
    <label>Enter Your Name</label>
    <input type="text" name="text" />
    <label>Enter Your Text</label>

<input type="submit" value="Submit Comment"/>
</form>

动作代码：

$('.submit').submit(function(){

          $.ajax({
              url : ....,
              data : $(' form').serialize(),
              type: "POST",
              success : function(){
              }
          })

          return false;
      })

我做错了什么？

Answer 1

if (f.elements['username'].value=="" && f.elements['text'].value=="") {

因为只有当两个字段都为空时，表单提交才会阻止。你应该使用 OR(||) 插入 AND(&&)

Answer 2

这是对我有用的代码

 $('.submitComment').submit(function(){
      var username = document.getElementById("username").value;
      var text = document.getElementById("text").value;

      if (username != "" && text != "") {
          $.ajax({
              url : 
              data : $(' form').serialize(),
              type: "POST",
              success : function(){
              }
          })  
      } else {
          alert('Both fields are required');
      }

      return false;
  })