javascript - 为什么我的 javascript 代码在用户输入错误的电子邮件地址时验证电子邮件地址运行并陷入循环？

Question

我有一个表格来为注册请求注册用户信息。我通过 html、javascript 和 php 来实现。当用户输入错误的电子邮件地址时，此代码会运行并陷入循环。

我的 javascript 函数是:

function checkmail() 
{

var email = document.forms["frmreg"]["email"].value;
var filter1 = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;


if (!filter1.test(email) && email!='') 
 {

alert('your email address is invalid');

return false;
  }

}   

和电子邮件地址的输入字段:

  <tr>

          <td>Your Email:</td>

          <td width="180" colspan="2"><input name="email" style="color: #000; font-family: Tahoma"dpieagent_iecontroltype="2"  onkeypress=""  onblur="checkmail()" /> &rArr; To recover password and notification </td>

        </tr>

为什么当用户输入错误的电子邮件地址时验证电子邮件地址的 javascript 代码运行并陷入循环？

为了避免陷入循环我定义了一个变量来防止函数重复

所以我的代码稍微改变了一下:

首先我在函数外定义了一个变量:

var repeatmailalert=1;

function checkmail() 
{

var email = document.forms["frmreg"]["email"].value;
var filter1 = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;


if (!filter1.test(email) && repeatmailalert==1 && email!='')
 {
    repeatmailalert++;
alert('your email address is invalid');

return false;
 }
 if(repeatmailalert>1){repeatmailalert=1;}
}   

我该怎么做才能解决这个问题？

Answer 1

试试这个:

if(email!=''){
    if(!filter1.test(email)){
        alert('your email address is invalid');
    }else{
    //validated
    }
}