parsley.js 在 laravel 中不起作用答案

【问题标题】：parsley.js not working in laravelparsley.js 在 laravel 中不起作用
【发布时间】：2017-11-29 05:47:36
【问题描述】：

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

已经从http://parsleyjs.org/dist/parsley.min.js下载了parsley.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

【问题讨论】：

请提供一个实际的工作示例。

标签： javascript jquery laravel laravel-5.4 parsley.js

【解决方案1】：

如果您使用 jQuery，请将您的欧芹代码包装在：

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

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

【讨论】：

就是这样。除了我放在 js 文件夹中的 parsley.min.js 文件之外，我没有任何欧芹脚本