Question

我很难为联系表单编写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是名称的输入字段，inputval2是电子邮件的输入字段。此外，Errorbox1是一个空的容器，errormsg1将是为errorbox1提供背景图像错误的类。

Here is a jsFiddle

Answer 1

看起来你错过了jQuery选择器的哈希 - 你应该$('#form-element-name')而不是$('form-element-name') - 这将根据他们的id选择元素。

或者 - 按类选择一个点。

您需要将代码放在表单的onsubmit事件中，然后return false;或使用e.preventDefault();取消表单提交。

$('#your-form-id').submit(function() {
    // if error then cancel form submission
});

Answer 2

$('errorbox1')和$('errorbox2')

应该是

$('.errorbox1')和$('.errorbox2') if class selector

或

如果ID选择器

，则

$('#errorbox1')和$('#errorbox2')

注意errorbox1之前的点/＃。

以下是对类和ID选择器的引用，

http://api.jquery.com/class-selector/

http://api.jquery.com/id-selector/

基本的jQuery联系表单问题

2 个答案: