parsley.jsがlaravelで動作していません

Question

私はクライアントの検証でユーザー入力を検証するためにparsley.jsを使用しようとしていますが、試した内容がうまくいかず、以下の手順を既に実行しています。 （これは他のすべてのページが拡張master.blade.phpに追加されます）：

1. は、このようなスクリプトへのパスを追加http://parsleyjs.org/dist/parsley.min.js

2. からparsley.jsをダウンロードしています。

3. その後、検証するフォームにdata-parsley-validateを追加します。そして、これは私がどのようにしたかという形です。

   @extends（ 'マスター'）

   @section（ 'コンテンツ'）

   AJAX登録 {！ csrf_field（）!!}

       <div class="form-group"> 
            <label class="col-md-4 control-label">Name</label> 
   
            <div class="col-md-6"> 
             <input type="text" class="form-control" name="name" id="name" required=""> 
            </div> 
           </div> 
   
           <div class="form-group"> 
            <label class="col-md-4 control-label">E-Mail Address</label> 
   
            <div class="col-md-6"> 
             <input type="email" class="form-control" name="email" id="email" required=""> 
   
            </div> 
           </div> 
   
           <div class="form-group"> 
            <label class="col-md-4 control-label">Password</label> 
   
            <div class="col-md-6"> 
             <input type="password" class="form-control" name="password" id="password" required=""> 
   
            </div> 
           </div> 
   
           <div class="form-group"> 
            <label class="col-md-4 control-label">Confirm Password</label> 
   
            <div class="col-md-6"> 
             <input type="password" class="form-control" name="password_confirmation" id="password_confirmation" data-parsley-equalto="#password" required=""> 
            </div> 
           </div> 
   
           <div class="form-group"> 
            <div class="col-md-6 col-md-offset-4"> 
             <button type="submit" class="btn btn-primary ladda-button" data-style="expand-left" data-size="s" data-color="green"> 
              <i class="fa fa-btn fa-user"></i> Register 
             </button> 
             <a href="{!! asset('login/facebook') !!}"> <div class="btn btn-md btn-primary ladda-button" data-style="expand-left" data-size="s" data-color="blue"> <i class="fa fa-facebook"></i> Login with Facebook </div></a> 
            </div> 
           </div> 
          </form> 
         </div> 
        </div> 
       </div> 
   </div> 
   

   @endsection

Answer 1

あなたはjQueryのを使用している場合には、あなたのパセリコードをラップ：

$(document).ready(function(){ 

}) 

またパセリを使用してスクリプトコードを投稿してください。