parsley.js 在 laravel 中不工作

Question

我正在尝试使用 parsley.js 来验证客户端验证中的用户输入，但无论我尝试什么都不起作用，并且已经采取了以下这些步骤。

已从 http://parsleyjs.org/dist/parsley.min.js
然后像这样添加脚本的路径：（这被添加到所有其他页面扩展的master.blade.php）。

之后，我将 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
})

还有post你的脚本代码和欧芹。

parsley.js 在 laravel 中不工作

parsley.js not working in laravel

javascript

jquery

laravel

parsley.js

laravel-5.4