Javascript 表单句柄不工作

Question

它不会返回 false，也不会显示错误。参见 jfiddle http://jsfiddle.net/paYAp/2/

我的JavaScipt:

function validateForm() {
    var error = "";
    var x=document.getElementById('fname').value;
    var y=document.getElementById('lname').value;
    /*  
    Additional variable defined here, commented out for debugging
    */
    if ((x==null || x=="") || (y==null || y==""))
      {
      error += "-First and last name required. <br />";
      }
      /*
      There were additional statements here, commented out for debugging
     */
    if (error != ""){
      alert(error);
      //document.getElementById('error').innerHTML = "Error: " + error;
      return false;
    }
}

我还将 onsubmit="return validateForm()" 附加到表单。

有人可以帮我看看并告诉我是否遗漏了什么吗？

Answer 1

您实际上可能不会返回 false，您可能会返回 undefined，因为如果验证通过，您不会返回 true。

这会诱骗您认为您的验证是正确的，但事实并非如此。

将 return true; 添加到函数末尾可能会证明您最终没有返回 false。

function validateForm() {
    var error = "";
    var x=document.getElementById('fname').value;
    var y=document.getElementById('lname').value;
    /*  
    Additional variable defined here, commented out for debugging
    */
    if ((x==null || x=="") || (y==null || y==""))
      {
      error += "-First and last name required. <br />";
      }
      /*
      There were additional statements here, commented out for debugging
     */
    if (error != ""){
      alert(error);
      //document.getElementById('error').innerHTML = "Error: " + error;
      return false;
    }

    alert("Actually, returning true!");
    return true;
}