我正在使用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>
什么是错的任何建议?
您需要在DOM中使用data-parsley-required
或直接使用required
。
以下是所有内置验证器:http://parsleyjs.org/doc/index.html#validators
最好
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>
如果它不是这样的话,某些组件是不可知的,它将无法工作。我知道它有点晚了,但我希望它可以帮助某人。