表单上的 parsleyJs 验证不起作用答案

【问题标题】：parsleyJs validation on form not working表单上的 parsleyJs 验证不起作用
【发布时间】：2014-07-18 15:08:14
【问题描述】：

我正在使用 parsley.js 进行表单验证。我阅读了网站上的文档并按照他们的示例进行操作，但它似乎没有按预期工作。

这是我创建的测试文件：

    <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>

对出了什么问题有什么建议吗？

【问题讨论】：

标签： javascript html validation parsley.js

【解决方案1】：

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

以下是所有内置验证器：http://parsleyjs.org/doc/index.html#validators

最好的

【讨论】：

Required 将触发 html5 验证 api，这不是我需要的。
如果放required触发html5验证，说明Parsley没有加载或者js坏了。请查看您的控制台，看看会发生什么。
我已经尝试了所有可能的组合。 StackOverflow 是我最后的希望。你能帮助一个jsfiddle吗？控制台没有记录任何错误。

【解决方案2】：

javascript 文件导入应按以下顺序。

JQuery.js
Parsley.js
Common.js

<script type="text/javascript" th:src="@{/js/jquery-2.1.4.min.js}"></script>
<script type="text/javascript" th:src="@{/js/parsley.min.js}"></script>
<script type="text/javascript" th:src="@{/js/common.js}"></script>

如果不是这样，某些组件无法知道并且无法正常工作。我知道它有点晚了，但我希望它可以帮助某人。

【讨论】：