2014-02-13 88 views
0

我想使用parsley .js評估Laravel在客戶端上構建的表單。
但是,當我點擊提交沒有進行驗證。使用Laravel 4和parsley.js進行驗證

**在「view.blade.php **

{{Form::open(array('action' => '[email protected]', '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(); 
     }); 

如何我可以使用Form Builder和荷蘭芹?

+0

愚蠢的問題,你有正確的路徑parsely.js文件,它被正確加載?此外,嘗試只使用'parsley-validate'而不將其設置爲true在'Form :: open()' – user3158900

+0

爲什麼愚蠢?當然歐芹是正確加載的。 Removing =「true」不會改變任何內容。 – lasagne

+1

我並不是暗示你的問題很愚蠢,而是暗示我有一個愚蠢的問題,我想要問一下確定事情是否被加載。對不起,這樣的方式。 – user3158900

回答

1

你的代碼工作對我來說:http://jsfiddle.net/w54Q6/

由於沒有變化,只有指定jqueryparsley的資源。

因此,正如@ user3158900所說,你可能沒有正確設置你的路徑jquery和歐芹。

+0

對於我也是,請參閱編輯的問題。 – lasagne