未捕获的类型错误：无法在 Javascript 中读取 null 的属性“重置”

Question

我正在尝试通过单击按钮在表单输入中验证电子邮件。 这是代码：

function ValidateEmail(inputText) {
  var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
  if (inputText.value.match(mailformat)) {
    document.form1.coemail.focus();
    return true;
  } else {
    alert('You have entered an invalid email address!Enter again');
    document.getElementById('form1').reset();
    return false;
  }
}

<button class="btn btn-primary nextBtn btn-lg pull-right" type="button"onClick="ValidateEmail(document.form1.coemail)">Next</button>

单击“下一步”按钮时，我会正确收到一条警报消息，但之后它会重定向到下一页，而不是重置当前页面。 在 chrome 的控制台中检查元素时，我发现了这个错误： Uncaught TypeError: Cannot read property 'reset' of null

我哪里错了？

Answer 1

将id添加到您的表单中：

<form id="form1" role="form" name="form1" action="reg_employer.php" method="post">

或者

尝试：

function ValidateEmail(inputText)
{
  var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
  if(inputText.value.match(mailformat))
{
  document.form1.coemail.focus();
  return true;

}
else
{
  alert("You have entered an invalid email address!Enter again");
  document.form1.reset();   //<== change this line, use form name
  return false;
}
}

Answer 2

显然我没有表单ID

<form id="form1" role="form" name="form1" action="reg_employer.php" method="post">

添加表单 ID 解决了该问题。