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控制台中的元素时，我发现了这个错误： 未捕获的TypeError：无法读取属性＆＃39;重置＆＃39;为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解决了问题。我这是一个很愚蠢的错误。

未捕获的TypeError：无法读取属性＆＃39; reset＆＃39;在Javascript

2 个答案: