Parsley.JS表单验证不起作用
Parsley.JS表单验证不起作用
提问于 2014-12-31 03:44:47
我正在尝试使用简单表单的parsley.js验证，但不起作用。我的cdn工作正常，但我没有得到任何验证。代码是：
<!doctype html>
<html>
<head>
<title>Parsley.js form validation</title>
<script src="js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-2.1.3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.0.6/parsley.min.js"></script>
<link rel="stylesheet"type="text/css"href="css/bootstrap.min.css">
<script>
$('.parsley-validate').parsley();
</script>
</head>
<body>
<div class="container">
<div class="row">
<div class="span6 offset3">
<h2>Parsley.JS</h2>
<form role="form" class="parsley-validate" data-validate="parsley">
<label>Name</label>
<input type="text" class="form-control" name="name" data-parsley-required="true"><br/>
<label>Email</label>
<input type="text" class="form-control" name="name" data-parsley-required="true" data-parsley-type="email" data-parsley-trigger="change" /><br/>
<label>Website</label>
<input type="text" name="name" class="form-control" data-parsley-required="true" data-parsley-type="url" data-parsley-trigger="change" /><br/>
<input type="button" value="submit" class="btn btn-success"/>
</form>
</div>
</div>
</div>
</body>
</html>回答 2
Stack Overflow用户
发布于 2015-04-07 00:46:30
我不认为你需要使用数据标签来验证你是否在调用$('.parsley-validate').parsley();。查看文档中此部分下的警告：Parsley.js Javascript Installation
EDIT:我应该说得更具体些，当你也在使用$('.parsley-validate').parsley()的时候，你不需要在form上使用data-validate='parsley。这就是上面的链接所指出的。当然，您仍然可以在元素上使用数据标记来定义验证。
Stack Overflow用户
发布于 2015-04-20 04:10:09
在表单存在之前，您将在<head>中调用$('.parsley-validate').parsley();。将脚本移动到<body>的末尾或将其包装在准备就绪的文档中：
<script>
$(function(){
$('.parsley-validate').parsley();
})
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27711552
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号