parsley.js在Laravel中不起作用

Question

我正在嘗試使用parsley.js來驗證客戶端驗證中的用戶輸入，但是無論我嘗試了什么都不起作用，並且已經在下面執行了這些步驟。

1. 已從http://parsleyjs.org/dist/parsley.min.js下載parsley.js

2. 然后像這樣添加腳本路徑：（這被添加到其他所有頁面都擴展的master.blade.php中）。

3. 之后，我將data-parsley-validate添加到要驗證的表單中。 這是表格以及我的操作方式。

    @extends('master') @section('content') <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="panel panel-default"> <div class="panel-heading">AJAX Register</div> <div class="panel-body"> <form class="form-horizontal" id="registration" method="POST" action="{{ url('users/register') }}" data-parsley-validate=""> {!! 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> </div> @endsection 

Answer 1

如果您使用的是jQuery，則將您的歐芹代碼包裝在：

$(document).ready(function(){
  // your code here
})

還要用歐芹發布您的腳本代碼。