使引導警報自動消失

Question

我有一個形式whch發送數據到數據庫，數據發送成功後，我想顯示成功消息，但我不希望它留下，而不是在短時間後消失。

$nameErr=$drug_idErr=$priceErr=$quantityErr=$dateErr=$dateInvalid=""; 

$drug_id=$name=$price=$quantity=$date=""; 

if(isset($_POST['submit'])){ 

$drug_id=mysql_real_escape_string(addslashes($_POST['drug_id'])); 
$name=mysql_real_escape_string(addslashes($_POST['name'])); 
$price=mysql_real_escape_string(addslashes($_POST['price'])); 
$quantity=mysql_real_escape_string(addslashes($_POST['quantity'])); 
$date=mysql_real_escape_string(addslashes($_POST['date'])); 


    if(empty($drug_id)){ 
     $drug_idErr="Required"; 

     } 
    elseif(empty($name)){ 
     $nameErr="Required"; 

     } 
    elseif(empty($price)){ 
     $priceErr="Required"; 
     } 

    elseif(empty($quantity)){ 
     $quantityErr="Required"; 
     } 

    elseif(empty($date)){ 
     $dateErr="Required"; 
     } 
    elseif(!preg_match('/^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/', $date)){ 

     $dateInvalid="Invalid date format"; 
     } 
    else{ 

     //send data to database here 
     $_SESSION['success']="Drug added successfully"; 
     $drug_id=$name=$price=$quantity=$date=""; 


     } 

} 

下面是我的形式

<div class="well"> 
     <form id="register-form" class="form-horizontal" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>"> 
     <legend>Add new drug</legend> 
     <?php if(!empty($_SESSION['success'])){ 
     echo '<div class="alert alert-success">'.$_SESSION['success'].'</div>'; unset($_SESSION['success']);} ?> 


     <div class="control-group"> 
      <label class="control-label">ID</label> 
      <div class="controls"> 
       <div class="input-prepend"> 
       <span class="add-on"><i class="icon-ban-circle"></i></span> 
        <input type="text" class="input-xlarge" id="drug_id" name="drug_id" placeholder="Drug ID" 
        value="<?php echo htmlspecialchars($drug_id); ?>"> 
       </div> 
       <span class="error"><?php echo $drug_idErr;?></span> 
      </div> 

     </div> 
     <div class="control-group "> 
      <label class="control-label">Name</label> 
      <div class="controls"> 
       <div class="input-prepend"> 
       <span class="add-on"><i class="icon-pills"></i></span> 
        <input type="text" class="input-xlarge" id="name" name="name" placeholder="Drug Name" 
        value="<?php echo htmlspecialchars($name)?>"> 
       </div> 
       <span class="error"><?php echo $nameErr;?></span> 
      </div> 
     </div> 
     <div class="control-group"> 
      <label class="control-label">Price</label> 
      <div class="controls"> 
       <div class="input-prepend"> 
       <span class="add-on"><i class="icon-dollars"></i></span> 
        <input type="text" class="input-small" id="price" name="price" placeholder="Drug Price" 
        value="<?php echo htmlspecialchars($price); ?>"> 
       </div> 
       <span class="error"><?php echo $priceErr; ?></span> 
      </div> 
     </div> 


     <div class="control-group"> 
      <label class="control-label">Quantity</label> 
      <div class="controls"> 
       <div class="input-prepend"> 
       <span class="add-on"><i class="icon-ban-circle"></i></span> 
        <input type="text" id="quantity" class="input-mini" name="quantity" placeholder="Quantity" 
        value="<?php echo htmlspecialchars($quantity);?>"> 
       </div> 
       <span class="error"><?php echo $quantityErr;?></span> 
      </div> 
     </div> 


     <div class="control-group"> 
      <label class="control-label">Expire Date</label> 
      <div class="controls"> 
      <div class="input-prepend"> 
      <span class="add-on"><i class="icon-time"></i></span> 

      <td><input type="text" name="date" id="date" class="span2" placeholder="Expire date" 
      value="<?php echo htmlspecialchars($date); ?>"/> 
      </div> 
       <span class="error"><?php echo $dateErr.$dateInvalid; ?></span> 
    </div> 
     </div> 


     <div class="control-group"> 
     <label class="control-label"></label> 
      <div class="controls"> 

      <button type="submit" class="btn btn-success" name="submit" >Add</button> 

      </div> 

    </div> 

     </form> 

    </div> 

現在我可以只顯示警報，但我不KNW如何使它消失

Answer 1

試試這個：

$('.alert').hide() 

或者你可以使用褪色：

$('.alert').fadeOut(300)