Uncaught TypeError：无法读取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：无法读取null的属性“ reset”

我在哪里错了？

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;
}
}