电子邮件地址验证但创建帐户，虽然如果电子邮件地址无效

Question

我编写了电子邮件地址验证脚本，并在给出无效电子邮件时发出警报通知。虽然帐户具有相同无效的电子邮件地址创建并存储在数据库中......请帮助 代码似乎是：

<div class="form"> 

    <ul class="tab-group"> 
    <li class="tab "><a href="#signup">Sign Up</a></li> 
    </ul> 

    <div class="tab-content"> 


    <form name="form1" action="trynow" method="post" onsubmit="ValidateEmail(document.form1.txtEmail)"> 
     <div> 
      <input type="hidden" name="register_csrf" autocomplete="false" autofocus="false" value="<%=((String)request.getAttribute("register_csrf")!=null)?request.getAttribute("register_csrf"):"" %>"/> 

      <% String error_msg = (String)request.getAttribute("error_msg"); 
       if(error_msg != null) 
       { 
      %> 
      <div class="alert alert-error"> <%= error_msg %></div> 

      <% } %> 
      <%= ((String)request.getAttribute("succ_msg") != null)?request.getAttribute("succ_msg"):"" %> 

     </div> 



      <div class="field-wrap"> 
       <label> 
        Full Name<span class="req">*</span> 
       </label> 
       <input required="required" name="txtName" type="text" > 
      </div> 



      <div class="field-wrap"> 
       <label> 
        Email Address<span class="req">*</span> 
       </label> 
       <input required="required" name="txtEmail" type="text" > 
      </div> 

      <div class="field-wrap"> 
       <label> 
        Set A Password<span class="req">*</span> 
       </label> 
       <input name="txtPassword" type="password" > 
      </div> 

      <div class="field-wrap"> 
       <label> 
        Retype Password<span class="req">*</span> 
       </label> 
       <input name="txtRePassword" type="password" > 
      </div> 
      <div> 
      <button type="submit" class="button button-block" />Get Started</button> 
      </div> 
     <a class="small-message" href="login"><small>Already Registered ?</small></a><a href="/"> <small> <br>Back To Home</small></a> 
     </form> 
     <script> 
      function ValidateEmail(inputText) 
      { 
       var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 
       if(inputText.value.match(mailformat)) 
       { 
        document.form1.txtEmail.focus(); 
        return true; 
       } 
       else 
       { 
        alert("You have entered an invalid email address!"); 
        document.form1.text1.focus(); 
        return false; 
       } 
      } 
     </script> 

    </div><!-- tab-content --> 

</div> <!-- /form --> 

Answer 1

而不是文本1写txtEmail

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

Answer 2

在表单的onsubmit，使用return ValidateEmail(this.txtEmail)"

<form name="form1" action="trynow" method="post" onsubmit="return ValidateEmail(this.txtEmail)"> 

现在只有email有效，表单提交才会发生。否则会被阻止。

此外，您正在参照document.form1.text1.focus();，而text1根本不存在于窗体中。所以你也必须在这里得到一个错误。

Answer 3

您有几个问题，包括在电子邮件发生错误时没有关注正确的字段，并且在没有错误的时候关注某些内容。 我也会使用测试而不是匹配。

我建议改变这个（在页面的头）：

function ValidateEmail(inputText) { 
 
    var val = inputText.value; 
 
    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 
 
    if (!mailformat.test(val)) { 
 
    alert("You have entered an invalid email address!"); 
 
    inputText.focus(); 
 
    return false; 
 
    } 
 
} 
 
window.onload=function() { 
 
    document.getElementsByName("form1")[0].onsubmit=function() { 
 
    return ValidateEmail(this.txtEmail); 
 
    } 
 
}

<div class="form"> 
 
    <ul class="tab-group"> 
 
     <li class="tab "><a href="#signup">Sign Up</a> 
 

 
     </li> 
 
    </ul> 
 
    <div class="tab-content"> 
 
     <form name="form1" action="trynow" method="post"> 
 
      <div> 
 
       <div class="field-wrap"> 
 
        <label>Full Name<span class="req">*</span> 
 

 
        </label> 
 
        <input required="required" name="txtName" type="text"> 
 
       </div> 
 
       <div class="field-wrap"> 
 
        <label>Email Address<span class="req">*</span> 
 

 
        </label> 
 
        <input required="required" name="txtEmail" type="text"> 
 
       </div> 
 
       <div class="field-wrap"> 
 
        <label>Set A Password<span class="req">*</span> 
 

 
        </label> 
 
        <input name="txtPassword" type="password"> 
 
       </div> 
 
       <div class="field-wrap"> 
 
        <label>Retype Password<span class="req">*</span> 
 

 
        </label> 
 
        <input name="txtRePassword" type="password"> 
 
       </div> 
 
       <div> 
 
        <button type="submit" class="button button-block" />Get Started</button> 
 
       </div> <a class="small-message" href="login"><small>Already Registered ?</small></a><a href="/"> <small> <br>Back To Home</small></a> 
 

 
     </form> 
 
     </div> 
 
     <!-- tab-content --> 
 
    </div> 
 
    <!-- /form -->