0

我正在使用最新的 jQuery 库和 jquery validate 插件来验证某种形式：

我在页脚中放置了一些表格进行验证。一旦显示一些错误消息，我的页脚就应该被动画和拉伸。验证工作正常，只是根本不调用 errorPlacement。我还读到（这里：jQuery Validation errorPlacement ）， validate() 已经有一个 errorPlacement 默认操作，应该被我的覆盖。（我想用下面的代码我的消息不会再显示了，对吧？

我试过了（当然还有其他元素（消息/规则）：

$(document).ready(function(){  //.ready -> steht erst nach dem Laden des DOMs zur Verfügung
 $("#nlForm").validate({

 debug: true,
 onfocusout: false,
 onKeyUp: false,
 errorLabelContainer: $("#results"),
 wrapper: "li", //wrapping the errormessages in <li>

 rules: { }, 
 messages: { },

 errorPlacement: function( ) {
    $("#footer").animate({
    height: "300px",
 }, 1500 );
 },

 submitHandler: function(form) {
    $('#results').css('display', 'none') //hides my results-div in the beginning

    $("#footer").animate({
      height: "300px",
    }, 1500 );

    var docHeight = $(document).height(); 
    var windowHeight = $(window).height(); 
    var footerheight = 70; //additional pixels of stretched footer
    var scrollPos = docHeight - windowHeight + footerheight; 

    $('html, body').animate({ //scrolling down
       scrollTop: scrollPos+'px'
    }, 1500);

    $.post('/process.php', $("#nlForm").serialize(), function(data) {
       $('#results').html(data); 
    });

 $('#results').fadeIn(1500); //fades in my results-div

 }
 });
});

它不会给我任何错误，但它也没有动画。我不知道为什么我的 errorPlacement 函数没有被调用。（我也尝试添加

document.write('hi there')

看看函数是否被调用。但它不...

如果有人可以发布一些有效的简单示例，我将非常高兴。或者只是告诉我我可以改变什么......

此外，我还打算为错误的外观制作动画。知道如何实现吗？我必须得到即将在我的结果 div 中生成的标签对象。我该如何解决这个问题？

已经谢谢了

干杯

（顺便说一句。第一次在错误的地方发帖..）

--------不幸的是，我还不能发布任何答案，所以我必须编辑我的帖子------- 答案：

感谢您的回答; 到 1.; 我知道我只是省略了它们..

rules: {
        nlName: {
            rangelength: [3, 25], // muss zwischen 3 und 25 zeichen lang sein.
            required: true,
            notName: true,
        },
        nlEmail: {
            required: true,
            email: true,  //has to be a valid email, returns true if so.
        }
    }, //ohne Komma gehts nicht...
    messages: {
        nlName: {
   required: "Bitten geben Sie einen Namen ein",
   notName: "Ihr Name lautet nicht 'Name'!",
   rangelength: "Ihr Name muss zwischen 3 und 25 Zeichen lang sein.",
    },
        nlEmail: "Ihre Emailadresse scheint ungültig zu sein",
    },

因为它主要是德语，这部分效果很好。我不明白你所说的“是形式”是什么意思？你的意思是没有代码将错误放在任何地方？没错，我直到现在才这样做。我通过正常的消息显示方式做到了这一点。但是我的错误仍然显示是暗示我的 errorPlacement 没有被正确调用，不是吗？

只有在一切正常的情况下才会调用 submitHandler，这一点很清楚。我只做了两次动画。一次有地方显示由我的 process.php 生成的最终消息“成功订阅 blabla”，并且仅在必须显示错误时才显示一次...

好吧，我一定会看看这个 invalidHandler。暂时谢谢。

4

1 回答 1

1

我注意到您的代码中有两件事：

  1. 您的规则和消息是空的。
  2. errorPlacement 的形式是：如果您希望对象出现，function(error, element) { }则需要将其放置在页面上的某个位置。error表单上的每个错误都会调用此方法，因此我认为这不是您要实现的目标。

我建议您使用该invalidHandler选项。这允许您在表单上存在验证错误时执行动画。

编辑：注意：如果表单上没有验证错误submitHandler，则会调用。

于 2011-12-29T16:01:51.607 回答