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
})

还要用欧芹发布您的脚本代码。