2013-04-06 87 views
0

我使用我的web应用程序下面的验证代码jQuery的表单验证

演示:http://www.position-relative.net/creation/formValidator/demos/demoValidators.html

有没有办法隐藏后10秒是弹出式的事情吗?现在,当你提交其持续显示....

这些都是用于ceating这种效果

http://www.position-relative.net/creation/formValidator/js/languages/jquery.validationEngine-en.js http://www.position-relative.net/creation/formValidator/js/jquery.validationEngine.js

<script> 
     jQuery(document).ready(function(){ 
      // binds form submission and fields to the validation engine 
      jQuery("#formID").validationEngine(); 
     }); 

     /** 
     * 
     * @param {jqObject} the field where the validation applies 
     * @param {Array[String]} validation rules for this field 
     * @param {int} rule index 
     * @param {Map} form options 
     * @return an error string if validation failed 
     */ 
     function checkHELLO(field, rules, i, options){ 
      if (field.val() != "HELLO") { 
       // this allows to use i18 for the error msgs 
       return options.allrules.validate2fields.alertText; 
      } 
     } 
    </script> 
+1

请张贴一些代码。 – Eli 2013-04-06 05:46:50

+0

它太大我会发布那些代码链接 – 2013-04-06 05:48:40

+0

你可以隐藏所有formErrorContent类和线类,并做到这一点像 – 2013-04-06 06:21:11

回答

3

这段代码放在上面的标题标记代码

<script> 

    setInterval(function() { 
     $(".formError").parent('.formErrorOuter').remove(); 
     $(".formError").remove(); 
}, 2000); 
</script> 

试试吧。它的作品

+0

这是很容易的方法来做到这一点 – 2013-04-06 06:19:20

+0

是它的工作:),它会很好,如果你可以添加淡出效果隐藏:) – 2013-04-06 06:24:44

+0

不错,它的工作 – ankit 2013-04-06 08:56:11

4
var t = setInterval(function() { 
    //alert('b'); 
    $(".formErrorContent").hide(); 
    $(".line1").hide();$(".line2").hide();$(".line3").hide();$(".line4").hide();$(".line5").hide(); 
    $(".line6").hide();$(".line7").hide();$(".line8").hide();$(".line9").hide();$(".line10").hide(); 
    },8000);