jQuery 字段验证 - 是否为空，值是否正确？答案

【问题标题】：jQuery field validation - empty or not, and correct values?jQuery 字段验证 - 是否为空，值是否正确？
【发布时间】：2013-12-02 15:13:08
【问题描述】：

我有一组相对简单的输入需要正确验证，但到目前为止我似乎遇到了麻烦。单击发送后，应仅使用 .errorVal 类填充空字段，以使它们具有红色背景。这就是验证的视觉方面。另外，我需要这些字段进行字符验证。因此，名字和姓氏不能包含数字。电子邮件在某些时候需要有一个 @ 符号。有什么想法吗？

http://jsbin.com/OlUGiXE/1/edit?html,css,js,output

$('.sendSupport').click(function () {
    if ($("table.forceCenter > input[type=text]:empty").length == 0 && $("textarea:empty").length == 0) {
        //alert('sent')
        $('.sentVal').fadeIn();
        $('.emptyVal').hide();
        // clear values
        $("input[type=text], textarea").val('').removeClass('errorVal');
    } else {
        //alert('empty')
        $('.emptyVal, .errorStar').fadeIn();
        $('.sentVal').hide();
        $("input[type=text]:empty, textarea:empty").addClass('errorVal');
    }
});

【问题讨论】：

看看像jQuery validation这样的验证框架
如上所述，看看 jQuery Validation。它可以避免头痛。它包含了您的大部分正常验证要求。
不能使用插件。
如果您不能使用插件，那么您必须编写自己的验证规则。您应该研究正则表达式以实现您的规则。
empty 选择器不会做你认为它正在做的事情，它只是检查一个元素是否有子节点

标签： javascript jquery css validation input

【解决方案1】：

要检查每个输入是否不为空，您可以执行以下操作：

jQuery("input[type=text]").each(function() 
    {  

if($(this).val()=="")
 {
 $(this).addClass("errorVal");
}   

});

要检查输入是否有数字，请查看以下链接：

Check whether an input string contains number

如果输入包含“@”，请阅读此Jquery check if input .val() contains certain characters

【讨论】：