2014-07-18 103 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吗?控制台没有记录任何错误。 –