javascript - 在 div 容器中显示错误消息以使用 Jquery 进行验证

Question

我正在尝试使用 jQuery 验证在 div 容器中显示错误消息。

因此，我想在验证失败的每个控件之后显示错误消息，而不是警告消息。

if (name == '' || email == '' || mobile == '' || password == '' || cpassword == '') {
var errName = document.getElementByID("name");
errName.innerHTML += "Please enter name";
errName.innerHTML += ".red {color:red;}";
document.getElementByID("name").val = errName;

有什么建议吗？

Answer 1

更纯粹的 jQuery 方法如下所示

jQuery 代码

if (name == '' || email == '' || mobile == '' || password == '' || cpassword == '') {
   var errName = $("#name"); //Element selector
   errName.html("Please enter name"); // Put the message content inside div
   errName.addClass('error-msg'); //add a class to the element
}

CSS:

.error-msg{
   background-color: #FF0000;
}

更新:
您甚至可以在任何选择器上组合 jQuery 方法。每当我们在任何选择器上应用 jQuery 方法时，它都会返回一个“this”指针，因此我们可以组合多个方法并使用单个语句将它们应用于选择器。这就是所谓的“链接”

在这里阅读更多:http://www.w3schools.com/jquery/jquery_chaining.asp

if (name == '' || email == '' || mobile == '' || password == '' || cpassword == '') {
       $("#name").html("Please enter name")
                 .addClass("error-msg"); // chained methods
    }