jQuery表单验证在多个if语句中不起作用

Question

我有jQuery验证问题。

HTML：

<form action="#" name="validate" onsubmit="return validateRegistration();"> 
    <input type="text" id="username" value="Username" /> 
    <input type="text" id="email" value="Email" /> 
    <input type="text" id="phone" value="Phone" /> 
</form> 

function validateRegistration() { 

    var username = $('#username').val(); 
    var email = $('#email').val(); 
     var phone = $('#phone').val(); 

    if(username=='' || username == 'Username'){ 
     $('#username').after('<span class="error">Enter a username</span>'); 
    } 

    if(email=='' || email == 'Email'){ 
     $('#email').after('<span class="error">Please enter a valid email address</span>'); 
    } 

    if(phone=='' || phone == 'Phone'){ 
     $('#phone').after('<span class="error">This field is required.</span>'); 
     return false; 
    } 
} 

验证工作时的形式中没有任何价值。如果我只填写电话字段，则表单将以return true提交。我不能在所有字段中输入return false，因为所有验证错误都应该一次显示。我给出的代码简短而且原创。我有30多个领域，所以任何主要的变化都是痛苦的。任何帮助？

Answer 1

function validateRegistration() { 
     var notError = true; 
     var username = $('#username').val(); 
     var email = $('#email').val(); 
      var phone = $('#phone').val(); 

     if(username=='' || username == 'Username'){ 
      $('#username').after('<span class="error">Enter a username</span>'); 
      notError = false; 
     } 

     if(email=='' || email == 'Email'){ 
      $('#email').after('<span class="error">Please enter a valid email address</span>'); 
      notError = false; 
     } 

     if(phone=='' || phone == 'Phone'){ 
      $('#phone').after('<span class="error">This field is required.</span>'); 
      notError = false; 
     } 

     return notError; 
    } 

希望这将满足您的需求