Bootstrap：如何添加一個類並仍然有BS Javascript工作

對不起，我是Javascript新手。我正在對Bootstrap Collapse做一些簡單的驗證。我正在使用這裏給出的BS警報：Bootstrap：如何添加一個類並仍然有BS Javascript工作

<div id ="alertMessage" class="alert alert-danger fade in"> 
    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> 
    <strong>Info!</strong> This alert box could indicate a neutral informative change or action. 
</div>

它簡單地放在HTML頁面上時效果很好。但是，我希望它僅觸發IF JS驗證腳本失敗。麻煩是，一旦我將它放入腳本中，它就不會淡出。我認爲，Bootstrap文件中的JS沒有被制定。更可能的是，我認爲我的腳本無法正常工作，因爲其他面板無法正常關閉。

$(document).ready(function() { 

$("input.btn").mousedown(function() {  // THIS IS THE SUBMIT BUTTON OMN THE FORM 
    var required = $("input.required").val(); // WE GRAB THE VALUES OF THE "REQUIRED FIELDS" 

    if (required == "") {     // IF ANY OF THE REQUIRED FIELDS ARE EMPTY WE EXECUTE THE FOLLOWING: 


     $("#collapseOne").collapse('show'); // THIS ONE HAS ALL THE CUSTOMER DETAILS WHERE THE VALIDATION ERROR IS 
     $("#collapseTwo").collapse('hide'); 
     $("#collapseThree").collapse('hide'); 
     $("#alertMessage").append("<p class='alert alert-danger' >You have Missed Off One or More Required Fields !</p>"); 

    } 
});

}）;

任何想法當我需要時會被解僱嗎？

來源

2016-02-26 Vince

，如果你是同一類驗證一個以上的投入，不該」你使用$（「input.required」）。each（）遍歷所有輸入？無論如何，一旦你以編程方式追加課程，那麼你必須重新綁定所有的基調，淡入淡出，Click，dtc – progrAmmar

@progrAmmar感謝您的想法。我是JS新手。這是什麼意思：「你必須重新綁定所有的基調，Fade，淡出，Click，dtc」我不知道該怎麼做。 – Vince

如果可能，你可以提供一個HTML表單的例子嗎？ – progrAmmar

這爲我工作：

HTML代碼：

<div id="alertMessage" class="alert alert-danger fade in"> 
    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> 
    </div>

的Javascript代碼

$(document).ready(function() { 

    $("input.btn").mousedown(function() { 
    var required = $("input.required").val(); 

    if (required == "") { 

     $("#collapseOne").collapse('show'); 
     $("#collapseTwo").collapse('hide'); 
     $("#collapseThree").collapse('hide'); 
     $("#alertMessage").append("<p>You have Missed Off One or More Required Fields !</p>"); 

    } 
    });

來源

2016-02-26 01:33:46 Aywac

你不是迭代到所有.required以及 – progrAmmar

Bootstrap：如何添加一個類並仍然有BS Javascript工作

回答

相關問題