2013-04-06 88 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);