Javascript Regex表单验证返回错误

时间:2018-10-18 12:13:27

标签: javascript php regex forms validation

我一直在尝试使用这些代码行来验证表单电子邮件输入。

function validate() {
  var emailFirst = document.getElementById('email1');
  var emailFirstRGex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  var emailFirstTest = emailFirstRGex.test(emailFirst);

  if (emailFirstTest === false) {

  alert('hello20');
}
   }

我的表格

<form class="needs-validation" novalidate method="POST" action="nomination2.php" onsubmit="validate()">

我一直收到hello20的回复。同时,我已经在控制台上针对电子邮件尝试了此正则表达式,而没有出现错误。我该如何解决?

1 个答案:

答案 0 :(得分:0)

emailFirstTest是在函数内部声明的,因此在函数外部进行检查意味着它超出范围且不存在。

只需在函数上方定义它:

var emailFirstTest  = '';

function validate() {
  emailFirst = document.getElementById('email1');
  var emailFirstRGex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  var emailFirstTest = emailFirstRGex.test(emailFirst);
}