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(&&)