僅當來自parsley.js的警報處於活動狀態時，纔會顯示警報框

我正在使用Bootstrap和parsley.js（用於表單驗證）所有工作都正常，除非我現在在警報（Bootstrap）中顯示錯誤消息警告框在屏幕上顯示是否有錯誤。我希望它只在出現錯誤時出現，並且在parsley.js沒有任何錯誤時消失。我試圖研究這個問題，並發現一些隱藏警報框的代碼，但沒有一個與Parsley.js的警報一起工作。我輸入了我自己的Javascript，它低於我認爲可以使它工作，但它不（顯然）。我應該改變什麼？我應該只是一起垃圾所有的JavaScript和做別的？我真的很喜歡每個警報出現在它自己的警報箱中，一個在另一個之上。我做了一個jsFiddle 僅當來自parsley.js的警報處於活動狀態時，纔會顯示警報框

問題的兩個部分

做，只有當裏面有一個錯誤的警告框出現。
請從Parsley.js通過每個警報出現在它自己的警告框（相互堆疊在彼此的頂部）

嘗試使用Javascript：

var x = document.getElementById("ol-error-container").innerHTML 

      if (x == "") 
      { 
       document.getElementById("error-container").className +=" hide"; 
      } 
      else 
      { 
       document.getElementById("error-container").className =" alert"; 
      }

HTML表單代碼：

<form class="form-horizontal well" data-validate="parsley" method="post"> 
<div class="control-group"> 
    <input type="text" class="input-xlarge" id="fullName" placeholder="Full Name" data-required="true" data-error-container="ol#ol-error-container li.error-message" data-error-message="Please provide your name!"> 
</div> 
<div class="control-group"> 
    <input type="text" class="input-xlarge" id="email" placeholder="E-mail Address" data-required="true" data-type="email" data-error-container="ol#ol-error-container li.error-message" data-error-message="You must provide a valid Email Address"> 
</div> 
<div class="control-group"> 
    <input type="text" class="input-xlarge" id="phoneNumber" placeholder="Phone Number" data-required="true" data-type="phone" data-error-container="ol#ol-error-container li.error-message" data-error-message="You must provide a valid US Phone Number"> 
</div> 
<div class="control-group"> 
    <textarea cols="5" class="input-xlarge" id="question" placeholder="Question/Comments" data-required="true" data-minlength="6" data-maxlength="200" data-error-container="ol#ol-error-container li.error-message" data-error-message="Please provide a message that is 6-200 characters in lenght."></textarea> 
</div> 
<div class="control-group"> 
    <div class="input-append"> 
     <input class="input-medium" id="priority" type="text" disabled> 
     <div class="btn-group" data-required="true"> 
      <button class="btn dropdown-toggle" data-toggle="dropdown">Priority <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu" id="selectPriority"> 
       <li><a onclick="document.getElementById('priority').value='High'">High</a> 

       </li> 
       <li><a onclick="document.getElementById('priority').value='Normal'">Normal</a> 

       </li> 
       <li><a onclick="document.getElementById('priority').value='Low'">Low</a> 

       </li> 
      </ul> 
     </div> 
    </div> 
</div> 
<div class="control-group"> 
    <button type="submit" class="btn btn-primary">Submit</button> 
    <input type="reset" class="btn" value="cancel"> 
    <hr> 
    <p class="muted"><small>We will never sell or provide your information to anyone!</small> 

    </p> 
</div>

HTML警告框代碼：

<div class="alert" id="error-container"> 
<ol id="ol-error-container" style="list-style-type:none"> 
    <li class="error-message" style="list-style-type:none"></li> 
</ol>

來源

2013-05-17 user2371301