2014-07-18 147 views
0

我使用parsley.js進行表單驗證。我閱讀了網站上的文檔並遵循了他們的例子,但它似乎沒有按預期工作。parsleyJs驗證表單不起作用

這是我創建的測試文件:

<doctype> 
<html> 
<head> 
    <title>Parsley</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
    <script src ="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
    <script src="parsley.js"></script> 
    <link rel="stylesheet" href="parsley.css"> 
</head> 
<body> 

     <div class="container"> 
      <div class="row"> 
       <div class="col-xs-8"> 
        <h2>Parsley.js Form Validation</h2> 

        <form id="testForm" data-parsley-validate> 
         <label>Name</label><br /> 
         <input type="text" name="name" data-required="true"> 

         <br /><br /> 
         <input type="submit" value="Submit" class="btn btn-success"> 
        </form> 


       </div> 
      </div> 
     </div> 


</body> 
</html> 

在什麼地方出了錯有什麼建議?

回答

0

您需要在您的DOM中使用data-parsley-required或直接使用required

這裏是所有內置的驗證:http://parsleyjs.org/doc/index.html#validators

最佳

+0

必會觸發HTML5驗證API這不是我所需要的。 –

+0

如果將'required'觸發html5驗證,那意味着Parsley沒有加載或js被破壞。請看你的控制檯,看看會發生什麼。 – guillaumepotier

+0

我嘗試了所有可能的組合。 StackOverflow是我最後的希望。你可以幫助一個jsfiddle嗎?控制檯沒有記錄任何錯誤。 –