2016-07-19 10 views
0

私はjqueryバリデーションプラグインを使用しています:https://jqueryvalidation.org/ 私はさまざまな例を試しましたが、バリデーションがうまくいきません。私は現在、このスレッドのこの特別なコードを使ってテストしています(デモは一番下にあります):jQuery validation on select box not workingjqueryの検証が機能していません - ファイルを追加する必要がありますか?

まだ私のためには機能しません。 bootstrap.min.jsとjquery.validate.jsを入れました jquery.validate.jsパッケージには、zipファイルにたくさんのファイルがあります。他のファイルも含めると思いますか?フィードバック/ヘルプありがとうございます。

私のコード、上記の例のリンクからコピーされ、本体部:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<!-- Bootstrap Core CSS --> 
<link href="css/bootstrap.min.css" rel="stylesheet"> 

</head> 
<body> 
<form id="formid"> 
    <select id="select" name="select" class="required"> 
     <option value="">Choose</option> 
     <option value="child">test2</option> 
    </select> 

    <input type="submit" /> 
</form> 
<script> 
$("#formid").validate(); 
</script> 
<!-- jQuery --> 
<script src="js/jquery.js"></script> 

<!-- Bootstrap Core JavaScript --> 

<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.validate.js"></script> 

</body></html> 

答えて

0

あなたはjQueryのスクリプトタグを紛失。頭のタグに入れてプラグインの上にあることを確認してください。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 

<script src="js/jquery.js"></script> //place jquery.js here, followed by plugins 

<!-- Bootstrap Core JavaScript --> 

<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.validate.js"></script> 
<!-- Bootstrap Core CSS --> 
<link href="css/bootstrap.min.css" rel="stylesheet"> 

</head> 
<body> 
<form id="formid"> 
    <select id="select" name="select" class="required"> 
     <option value="">Choose</option> 
     <option value="child">test2</option> 
    </select> 

    <input type="submit" /> 
</form> 
<script> 
$("#formid").validate(); 
</script> 
<!-- jQuery --> 


</body></html> 
+0

ありがとうございました!それはうまくいった。私は読み込みのスピードをどこかに読んでいるので、スクリプトを一番下に置いてきました。また、ブートストラップのテンプレートにはすべて、それらが一番​​下にあります。あなたが私のような初心者なら、スクリプトを一番上に置く方が安全だと思いますか? – Ringo88

+0

いいえ、jqueryスクリプトは、jquery.jsスクリプトをそれらのTOPに置かない限り動作しません。はい、その良い練習、あなたが初心者かどうかは関係ありません。いいえ、読み込み速度が遅くなります。ローディングをスピードアップしたい場合は、公式サイトから入手できるjQuery.min.jsファイルをダウンロードすることを検討してください。しかし、まだ学習している場合は、現在の使用方法をお勧めします。ありがとう! –

関連する問題