2

我一直在为联系表单编写 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 一个背景图像说明错误。

这是一个 jsFiddle。

4

2 回答 2

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
});
于 2012-04-04T14:53:33.317 回答
0

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

应该

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

或者

$('#errorbox1')$('#errorbox2')如果 ID 选择器

注意errorbox1之前的点/#。

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

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

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

于 2012-04-04T14:53:13.443 回答