자바 스크립트를 사용하여 가입 양식의 맞춤 도메인을 확인 하시겠습니까?

Question

양식을 등록 할 때 내 회사 전자 메일 ID의 유효성을 검사하려고합니다 ... 양식에서 회사의 메일 ID 만 허용하도록합니다. 이제 유효성 검사 후 문제가 발생합니다 (즉, 제출 버튼을 클릭하면 우리는

내 자바 스크립트 방법은 ... 양식을 새로 고칠지고 그리고 그것은 사전에 감사 ?? 갱신되지 않도록 입력 된 값이 ... 그래서 어떤 도움이나 제안을 지워집니다) 경고 메시지가 :

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를 사용하여 모든 휴대용 전에하는 것이 좋습니다.