无法使欧芹触发工作答案

【问题标题】：Cannot make parsley-trigger work无法使欧芹触发工作
【发布时间】：2014-01-13 10:10:29
【问题描述】：

我正在尝试将 Parsley.js 表单验证实现为一个简单的表单。这是我的代码：

<!DOCTYPE html>
<meta charset="utf-8">
<!-- Load the JS -->
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.2/bootstrap.min.js" type="text/javascript"></script>
<script src="parsley.js" type="text/javascript"></script>
<link href="bootstrap.css" rel="stylesheet" />
<style>
body {
padding-top: 20px;
padding-bottom: 40px;
}
form {
margin: 0;
}
input.parsley-success {
color: #468847 !important;
background-color: #DFF0D8 !important;
border: 1px solid #D6E9C6 !important;
}
input.parsley-error {
color: #B94A48 !important;
background-color: #F2DEDE !important;
border: 1px solid #EED3D7 !important;
}
input {
width: 150px;
margin: 0 2px !important;
}
ul.parsley-error-list {
font-size: 11px;
margin: 2px;
list-style-type:none;
}
ul.parsley-error-list li {
line-height: 11px;
}
h3 {
color: #FB4006;
}
</style>
<body>
<h3>JS Validation: Parsley.js</h3>
<form parsley-validate>
<p><input type="text" parsley-type="email" parsley-trigger="keyup" parsley-validation-minlength="0" placeholder="keyup validation trigger" /><p>
<p><input type="text" parsley-type="email" parsley-trigger="change" parsley-validation-minlength="0" placeholder="change validation trigger" /></p>
<input type="checkbox" name="mincheckdemo[]" parsley-mincheck="2" value="foo" parsley-trigger="change" />
<input type="checkbox" name="mincheckdemo[]" value="bar" />
<input type="checkbox" name="mincheckdemo[]" value="baz" />
</form> 
</body>

它与“parsley-trigger”的示例几乎相同。但是我不能让它正常工作，也就是说，输入一些文本并立即或在聚焦后查看验证结果。我想知道为什么。

非常感谢您的帮助！

【问题讨论】：

标签： javascript validation parsley.js

【解决方案1】：

您是否检查过欧芹在表单上处于活动状态，并且引用您当地的 parsley.js 时没有出错？也许路径/位置不是你想象的那样。

另外，第一个输入字段末尾有<p>，而不是</p>。

编辑：Here is a jsfiddle 显示代码正常工作。

EDIT2：小提琴不再起作用，因为指向http://rawgithub.com/guillaumepotier/Parsley.js/master/parsley.js 的链接已损坏。

此解决方案指的是 parsley.js 的第 1 版，现已被第 2 版取代。

【讨论】：

【解决方案2】：

对于仍在使用 Parsley V1 的任何人 - 我通过使用 data-type 而不是 parsley-type 解决了这个问题。 v1 documentation 使用 parsley-type - Dev 不再支持 parsley V1。

【讨论】：