Javascript表單驗證（返回問題）

Question

我的Javascript表單驗證存在一個問題，我試圖返回它是否爲true以及值是否工作。它只返回第一個if/else語句（是否這是真的或假的），並從那裏它不起作用。一旦你看到的JavaScript，你應該能夠明白我想要做的。

$('#button').click(function(){ 
    name = $("#name").val(); //name input 
    age = $("#age").val(); //age input 
    sex = $("#sex").val(); // sex input 

    if(name.match(/(\w)\s(\w)/)){ 
     return true; 
    } 
    else { 
      $('.form-row:first-child').css('border','1px solid red'); 
      return false; 
    } 

    if (age < 0 || age > 130 || isNaN(age)) { 
      $('.form-row:nth-child(2)').css('border','1px solid red'); 
      return false; 
    } 
    else { 
     return true; 
    } 

     if (sex == "male" || sex == "Male" || sex == "female" || sex == "Female"){ 
      return true; 
     } 
     else { 
      $('.form-row:nth-child(3)').css('border','1px solid red'); 
      return false; 
     } 

    }); 

Answer 1

回報將打出來的功能。相反，設置一個標誌並在最後返回該標誌。

$('#button').click(function(){ 
 
    returnFlag = false 
 
    name = $("#name").val(); //name input 
 
    age = $("#age").val(); //age input 
 
    sex = $("#sex").val(); // sex input 
 

 
    if(name.match(/(\w)\s(\w)/)){ 
 
     returnFlag = true; 
 
    } 
 
    else { 
 
      $('.form-row:first-child').css('border','1px solid red'); 
 
      returnFlag = false; 
 
    } 
 

 
    if (age < 0 || age > 130 || isNaN(age)) { 
 
      $('.form-row:nth-child(2)').css('border','1px solid red'); 
 
      returnFlag = false; 
 
    } 
 
    else { 
 
     returnFlag = true; 
 
    } 
 

 
     if (sex == "male" || sex == "Male" || sex == "female" || sex == "Female"){ 
 
      returnFlag = true; 
 
     } 
 
     else { 
 
      $('.form-row:nth-child(3)').css('border','1px solid red'); 
 
      returnFlag = false; 
 
     } 
 

 
    return returnFlag; 
 
    });