我一直在为联系人表单编写jQuery验证。我编写了一个简单的代码来检查输入表单是否包含任何字符;如果有任何字符,那么它可以继续运行PHP代码并向我发送电子邮件。否则,显示一个错误框,告诉客户重复检查。代码如下:

    (function($){
       $('.required',$form).each(function(){
         var inputVal = $('form-element-name').val();
         var inputVal2 = $('form-element-email').val();

                if(inputVal == ''){
                    $('errorbox1').addClass('errormsg1');
                }

                else if(inputVal2 == '') {
                    $('errorbox2').addclass('errormsg2');
                }
            }
     }

Inputval是名称的inputfield,inputval2是电子邮件的inputfield。此外,Errorbox1是一个空容器,errormsg1将是一个类,它将给Errorbox1一个表示错误的背景图像。
Here is a jsFiddle

最佳答案

$('errorbox1')$('errorbox2')
应该是
$('.errorbox1')$('.errorbox2')如果类选择器

$('#errorbox1')$('#errorbox2')如果ID选择器
注意错误框1前面的点/#。
下面是对类和ID选择器的引用,
http://api.jquery.com/class-selector/
http://api.jquery.com/id-selector/

10-08 05:41