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

我对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;
    }
}

函数validateRegistration（）{
var username=$（'#username'）.val（）；
var email=$（'#email'）.val（）；
var phone=$（'#phone'）.val（）；
如果（用户名=''| |用户名=''用户名'）{
$（'#username'）。在（'输入用户名'）之后；
}
如果（电子邮件=''| |电子邮件=='电子邮件'）{
$（'#email'）。在（'请输入有效的电子邮件地址'）之后；
}
如果（电话=“”| |电话=='phone'）{
$（“#phone”）。在（'此字段为必填项'）之后；
返回false；
}
}

当表单中没有值时，验证有效。如果我只填写电话字段，则表单提交时将

返回true

。我不能将

return false

放在所有字段中，因为所有验证错误都应该一次可见。我给出的代码简短而新颖。我有30多个字段，所以任何重大的变化都是痛苦的。有什么帮助吗？

函数验证注册（）{
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;
    }

var notError=true；
var username=$（'#username'）.val（）；
var email=$（'#email'）.val（）；
var phone=$（'#phone'）.val（）；
如果（用户名=''| |用户名=''用户名'）{
$（'#username'）。在（'输入用户名'）之后；
notError=false；
}
如果（电子邮件=''| |电子邮件=='电子邮件'）{
$（'#email'）。在（'请输入有效的电子邮件地址'）之后；
notError=false；
}
如果（电话=“”| |电话=='phone'）{
$（“#phone”）。在（'此字段为必填项'）之后；
notError=false；
}
返回注释错误；
}

---

希望这将满足您的需要

尝试清除变量值

函数validateRegistration（）{var username=（“”）；var email=（“”）；var phone=（“”）}

请在标记问题时更加小心。这与插件无关。编辑。谢谢。@Sparky抱歉，我从来都不知道标签是用于jQuery验证插件的。我以后会处理的。