Parsley.JS表單驗證不起作用
[英]Parsley.JS form validation not working
問題描述
我正在嘗試通過簡單的形式使用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 個解決方案
解決方案1
0 2015-04-06 16:46:30
我不認為您是否需要使用數據標簽來驗證是否正在調用$('.parsley-validate').parsley(); 。 查看文檔本節下的警告： Parsley.js Javascript安裝
編輯：我應該更具體一些，當您也使用$('.parsley-validate').parsley()時，不需要form上的data-validate='parsley 。 這就是以上鏈接指出的內容。 當然，您仍然可以在元素上使用數據標簽來定義驗證。
解決方案2
0 2015-04-19 20:10:08
您正在調用$('.parsley-validate').parsley(); 表單存在之前在<head> 。 將腳本移到<body>的末尾或將其包裝在准備好的文檔中：
<script>
$(function(){
$('.parsley-validate').parsley();
})
</script>
Parsley.js，多步驟表單，在轉到上一步時跳過驗證
[英]Parsley.js, multistep form, skip validation on moving to previous step
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.