Question

我正在使用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>

关于出了什么问题的任何建议？

Answer 1

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

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

最佳

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

如果不是这样，那么某些组件将无法使用，并且无法正常工作。我知道它有些晚了，但我希望它能对某人有所帮助。

parsleyJs验证表单不起作用

2 个答案: