jQuery字段验证 - 是否为空,并且值是否正确?

时间:2013-12-02 15:13:08

标签: javascript jquery css validation input

我有一组相对简单的输入需要正确的验证,到目前为止我似乎有一个打嗝。单击发送后,只应使用.errorVal类填充空字段,以便为它们提供红色背景。这就是验证的视觉方面。另外,我需要这些字段进行字符验证。因此,First和Last名称不能包含数字。电子邮件需要在某个时刻有@符号。有什么想法吗?

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');
    }
});

1 个答案:

答案 0 :(得分:0)

要检查每个输入是否为空,您可以执行以下操作:

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