電子郵件地址驗證但創建帳戶，雖然如果電子郵件地址無效

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