使用javascript驗證註冊表單的自定義域名？

Question

我想驗證我的公司電子郵件ID的註冊形式...所以表格只接受我公司的電子郵件ID ...所以現在最新的問題是驗證後（即;當我們點擊提交按鈕，然後我們得到一個警報消息）的形式得到刷新，輸入的數值將被清除......所以任何幫助或建議，以便它不會刷新？在此先感謝...

我的JavaScript的方法是：

function submitAlbum() { 
    var frm = document.getElementById("frmRegistration"); 
    //validateEmail(document.getElementById('email').value); 
    var email = document.getElementById('email').value; 
    var re = /^\s*[\w\-\+_]+(\.[\w\-\+_]+)*\@[\w\-\+_]+\.[\w\-\+_]+(\.[\w\-\+_]+)*\s*$/; 
    if (re.test(email)) { 
     if (email.indexOf('@bdisys.com', email.length - '@bdisys.com'.length) !== -1) { 
      //  alert('Submission was successful.'); 
      var r = confirm("Are You Sure You Want to add your details."); 
      if (r == true) { 
       frm.action = "signUpServlet?formidentity=doRegistration&checkboxStatus=" + checkboxStatus; 
       frm.submit(); 
      } 
     } 
     else { 
      document.getElementById('email').focus(); 
      alert('Email must be a Company e-mail address (your.name@bdisys.com).'); 
      return false; 
     } 
    } 
    else { 
     document.getElementById('email').focus(); 
     alert('Not a valid e-mail address.'); 
     return false; 
    } 
} 

Answer 1

我認爲這將會完成這項工作。

<input type = "email" pattern ="^[a-z0-9._%+-]+@bdisys.com"> 

檢查使用`localStorage`這本斌 http://jsbin.com/dew/5/edit

Answer 2

您應該將驗證方法綁定到表單的提交事件。 在驗證方法中，如果該字段無效，請停止該事件傳播，或者如果該字段沒有問題，則讓其冒泡。

var frm = document.getElementById("frmRegistration"); 
frm.addEventListener('submit', validate, false); 
var re = /^\s*[\w\-\+_]+(\.[\w\-\+_]+)*\@[\w\-\+_]+\.[\w\-\+_]+(\.[\w\-\+_]+)*\s*$/; 

function validate(event) { 
    // validateEmail 
    var email = document.getElementById('email').value; 
    var confirmed = false; 
    if (re.test(email)) { 
    confirmed = true; 
    if (email.indexOf('@bdisys.com', email.length - '@bdisys.com'.length) !== -1) { 
     confirmed = confirm("Are You Sure You Want to add your details."); 
    } 
    } else { 
    document.getElementById('email').focus(); 
    alert('Email must be a Company e-mail address (your.name@bdisys.com).'); 
    } 
    if (!confirmed) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    return false; 
    } 
} 

我建議你使用jQuery來使你的代碼simplier和之前的所有便攜。