jQuery字段验证-是否为空，以及正确的值

jQuery field validation - empty or not, and correct values?

本文关键字：验证 字段 是否 jQuery      更新时间：2024-02-15

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

http://jsbin.com/OlUGiXE/1/edit?html，css，js，输出

$('.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("input[type=text]").each(function() 
    {  
if($(this).val()=="")
 {
 $(this).addClass("errorVal");
}   
});

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

检查输入字符串是否包含数字

如果输入包含"@"，则读取此Jquery，检查input.val（）是否包含某些字符

相关文章：