使用Laravel 4和parsley.js进行验证

时间:2014-02-13 10:04:50

标签: validation laravel laravel-4 parsley.js

我想用parsley .js评估Laravel在客户端上构建的表单 但是当我点击提交时,没有进行验证。

**在'view.blade.php **

{{Form::open(array('action' => 'PositionController@createPosition', 'method' => 'post','files'=>true,'enctype' => 'multipart/form-data','parsley-validate' => 'true'))}}
  {{Form::text('position',NULL,array('parsley-required' => 'true', 'parsley-type' => 'number'))}}
  {{Form::submit('Hinzufügen',array('class' => 'blue'))}}
{{ Form::close() }}

**输出**

<form method="POST" action="http://localhost/positions" accept-charset="UTF-8" enctype="multipart/form-data" parsley-validate="true">
    <input name="_token" type="hidden" value="1234">
    <input parsley-required="true" parsley-type="number" name="position" type="text">
    <input class="blue" type="submit" value="Hinzuf&uuml;gen">
</form>
  

Laravel版本:4.1
  欧芹版本:1.2.3

更新

如果我用硬编码的HTML表单替换表单表单构建器代码,它似乎有效。所以我环顾了docs并找到了:

$( '#form' ).parsley();
  

将欧芹绑定到表单(如果您的表单是动态呈现的,则非常有用。)

但是在添加'#parsleyForm'并且JavaScript绑定到我的网站后仍然没有任何反应

$( document ).ready(function() {
            $('#parsleyForm').parsley();
        });

有关如何使用表单生成器和欧芹的任何建议吗?

1 个答案:

答案 0 :(得分:1)

您的代码适合我:http://jsfiddle.net/w54Q6/

如果没有更改,请仅指定jqueryparsley作为资源。

所以,正如@ user3158900所说的那样,你可能还没有正确设置jquery和parsley的路径。