JavaScript 驗證注冊表

Question

validateForm 函數有效。 並且 validateEmail 函數也可以運行，但需要單獨運行。 如何在 validateForm 函數中合並電子郵件的數據驗證？ 換句話說，當字段為空且不滿足要求時，如何讓表單返回 false？

  function validateForm() {

     if( document.myForm.userName.value == "" ) {
        alert( "Please provide your name!" );
        document.myForm.userName.focus() ;
        return false;
     }
     if( document.myForm.email.value == "" ) {
        alert( "Please provide your Email!" );
        document.myForm.email.focus() ;
        return false;
     }
     return( true );
  }

 function validateEmail() {
     var emailID = document.myForm.email.value;
     atpos = emailID.indexOf("@");
     dotpos = emailID.lastIndexOf(".");

     if (atpos < 1 || ( dotpos - atpos < 2 )) {
        alert("Please enter correct email ID")
        document.myForm.email.focus() ;
        return false;
     }
     return( true );
  }

Answer 1

您只需要將代碼合並到一個函數中

  function validateForm() {

    var emailID = document.myForm.email.value;
    atpos = emailID.indexOf("@");
    dotpos = emailID.lastIndexOf(".");

     if( document.myForm.userName.value == "" ) {
        alert( "Please provide your name!" );
        document.myForm.userName.focus() ;
        return false;
     }
     if( document.myForm.email.value == "" ) {
        alert( "Please provide your Email!" );
        document.myForm.email.focus() ;
        return false;
     }
     if (atpos < 1 || ( dotpos - atpos < 2 )) {
        alert("Please enter correct email ID")
        document.myForm.email.focus() ;
        return false;
     }
     return true;
  }

Answer 2

剛剛在 validateForm 中調用了 validateEmail ，如下所示：

function validateForm() {

 if( document.myForm.userName.value == "" ) {
    alert( "Please provide your name!" );
    document.myForm.userName.focus() ;
    return false;
 }
 if( document.myForm.email.value == "" ) {
    alert( "Please provide your Email!" );
    document.myForm.email.focus() ;
    return false;
 }
 return validateEmail();
}

function validateEmail() {
 var emailID = document.myForm.email.value;
 atpos = emailID.indexOf("@");
 dotpos = emailID.lastIndexOf(".");

 if (atpos < 1 || ( dotpos - atpos < 2 )) {
    alert("Please enter correct email ID")
    document.myForm.email.focus() ;
    return false;
 }
 return( true );
}

或者你可以將這些函數合並成@Addis的類似答案