Bootstrap Succes消息消失

时间:2015-08-05 12:09:41

标签: twitter-bootstrap

我有一个Bootstrap表单,我有一个ajax代码将数据提供给.php脚本。

问题是,我的ajax代码只显示1秒的成功消息,然后消失。 代码如下:

 $( '#frmContact').submit( function() {
      var formcheck = true
      var name =$( '#name' );

     if(name.val() == '')
     {

         $( '#name-group-name' ).addClass( 'has-error' );
         $('#name-group-name').append('<div class="help-block">' + 'error' + '</div>'); // add the actual error message under our input
            return false;

     }
     if(formcheck) {

      $.ajax({
                type: "POST",
                url: "process.php", // 
                data: $('frmContact').serialize(),
                success: function(msg){
                    $( '#message' ).addClass( 'alert' );
                    $( '#message' ).addClass( 'alert-success' );
                    $( '#message').html( msg );


                },
                error: function(){
                    alert("failure");
                    return false
                }
            });

    }


 } );

谢谢!

1 个答案:

答案 0 :(得分:1)

您可以按照以下方式设置自定义时间:

setTimeout(function(){ $(".alert-success").addClass('hide'); }, 5000);