如何讓jqBootstrapValidation表單示例正常工作？

我試圖按照jqBootstrapValidation網站上的說明進行操作，但無法獲得一個簡單的示例。我選擇了電子郵件驗證。不知道什麼可能是錯誤的，但我懷疑它可能是安裝說明的第2步，我在下面的示例底部包含了這些說明。如何讓jqBootstrapValidation表單示例正常工作？

<form class="form-horizontal"> 
<div class="control-group"> 
<label class="control-label">Email address</label> 
<div class="controls"> 
<input type="email" /> 
<p class="help-block"></p> 
</div> 
</div> 
</form> 

<!--Scripts--> 
<script> 
    $(function() { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); }); 
</script> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- or use local jquery -->  
<script src="./js/bootstrap.js"></script>

來源

2013-10-30 usefulBee

你不包括jqBootstrapValidation.js ..

download，包括這條線在底部：

<script src="./js/jqBootstrapValidation.js"></script>

之前或之後：

<script src="./js/bootstrap.js"></script>

但不上面你稱之爲jQuery的地方：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

其他明智的jqBootstrapValidation需要jQuery的工作

來源

2013-11-29 08:57:58 Renier

我覺得這個簡單的例子可以幫助你將不會工作。

</head> 
<body> 
    <!-------------------------------------------------------------------------------> 
    <form class="form-horizontal"> 
     <div class="control-group"> 
      <label class="control-label">Email address</label> 
      <div class="controls"> 
       <input type="email" /> 
       <p class="help-block"></p> 
      </div> 
     </div> 

     <div class="control-group"> 
      <label class="control-label">Type something</label> 
      <div class="controls"> 
       <input type="text" name="some_field" required /> 
       <p class="help-block"></p> 
      </div> 
     </div> 

     <div class="control-group"> 
      <label class="control-label">Type a number</label> 
      <div class="controls"> 
       <input type="number" /> 
       <p class="help-block"></p> 
      </div> 
     </div> 
     <input type="submit" value="enter1"/> 
    </form> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- or use local jquery --> 
    <script src="/js/jqBootstrapValidation.js"></script> 
    <script> 

     $(function() { 
      $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); 
     }); 

    </script> 
    <!-- Bootstrap Core JavaScript --> 
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 

</body>

來源

2015-08-07 19:16:33

如何讓jqBootstrapValidation表單示例正常工作？

回答

相關問題