Javascript 不能使欧芹触发工作_Javascript_Validation_Parsley.js

Javascript 不能使欧芹触发工作

javascript validation

Javascript 不能使欧芹触发工作,javascript,validation,parsley.js,Javascript,Validation,Parsley.js,我正在尝试将Parsley.js表单验证实现为一个简单的表单。这是我的代码： <!DOCTYPE html> <meta charset="utf-8">  <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script src="http://cdnjs.cloud

我正在尝试将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>


身体{
填充顶部：20px；
填充底部：40px；
}
形式{
保证金：0；
}
欧芹-成功{
颜色：#468847！重要；
背景色：#DFF0D8！重要；
边框：1px实心#D6E9C6！重要；
}
输入欧芹误差{
颜色：#B94A48！重要；
背景色：#f2de！重要；
边框：1px实心#EED3D7！重要；
}
输入{
宽度：150px；
边距：0 2px！重要；
}
欧芹误差表{
字体大小：11px；
保证金：2倍；
列表样式类型：无；
}
欧芹-错误-列表li{
线高：11px；
}
h3{
颜色：#FB4006；
}
JS验证：Parsley.JS

这与“欧芹触发器”的示例几乎相同。但是我不能让它正常工作，也就是说，输入一些文本，然后立即或在调出焦点后查看验证结果。我想知道为什么

非常感谢你的帮助

您是否检查过表单上的欧芹是否处于活动状态，以及引用您本地的

parsley.js

时是否出现了问题？可能路径/位置与您想象的不同

此外，第一个输入字段的末尾有

，而不是

编辑：显示代码正在工作

编辑2：小提琴不再工作，因为到的链接已断开

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

对于仍在使用parsley V1的用户，我通过使用

数据类型

而不是

parsley类型

修复了此问题。 uses

欧芹类型

-Dev不再支持欧芹V1