Pir*_*rlo 3 javascript parsley.js
当我检查表单时，它在控制台中显示“Y”。但我没有选择任何复选框。
在官方文档中，它说：
复选框需要具有名称或 id 属性才能由 Parsley 正确绑定和验证。否则，它们将被忽略并在控制台中显示警告。
我在输入标签中设置了“名称”属性，欧芹也没有显示：
要被 Parsley 绑定，一个单选框、一个复选框和一个多选输入必须有一个名字和一个 id 或一个多选项。
但它仍然不适用于 data-parsley-mincheck="2"。
在其他情况下，相同的代码在 parsly-mincheck="2" 上使用 parsly 版本 1.2.3。
所以，如果我对官方文档（parsly 2.0.0-rc4）有任何错误。
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script src="jquery-1.11.0.min.js"></script>
<script src="parsley.min.js"></script>
<script>
function checkMyForm(myform) {
if($(myform).parsley().validate()) {
console.info('Y');
} else {
console.error('N');
}
}
</script>
</head>
<body>
<form name="myform" action="" method="post" novalidate onsubmit="return false;">
<div>
<input name="mybox" type="checkbox" value="1"
data-parsley-multiple="mytest"
data-parsley-mincheck="2" /> Value-1
<input name="mybox" type="checkbox" value="2" data-parsley-multiple="mytest"/> Value-2
<input name="mybox" type="checkbox" value="3" data-parsley-multiple="mytest"/> Value-3
<input name="mybox" type="checkbox" value="4" data-parsley-multiple="mytest"/> Value-4
<input name="mybox" type="checkbox" value="5" data-parsley-multiple="mytest"/> Value-5
</div>
<!-- <div style="padding: 10px 0px;">
<input name="mytext" type="text" data-parsley-required="true"/>
</div> -->
<a href="javascript: checkMyForm(document.myform);">Test Checkbox</a>
</form>
</body>
</html>
我发现了一些类似的问题：
如何让 Parsley.js 为一组单选按钮或复选框输出 1 个错误？
我尝试将 data-parsley-mincheck="2" 更改为最后一个复选框并添加 required 属性。
当我再次检查我的表单时，它也返回“Y”（但我没有选择任何复选框）。
因此，这不是问题的关键点。
2014年3月24日，我发现官方文档（Parsley.js）的例子被更新了。
因此，我再次从 GitHub 下载 Parsley，并根据示例编辑我的代码：http :
//parsleyjs.org/doc/examples/simple.html
喜欢：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
<script src="jquery-1.11.0.min.js"></script>
<script src="parsley.js"></script>
<script>
function checkMyForm(myform) {
if($(myform).parsley().validate()) {
console.info('Y');
} else {
console.error('N');
}
}
</script>
</head>
<body>
<form name="myform" id="myform" data-parsley-validate>
<!-- <p>
<input name="myradio" type="radio" value="1" data-parsley-required="true"/> Value-1
<input name="myradio" type="radio" value="2"/> Value-2
</p> -->
<div>
<input name="mybox" type="checkbox" value="1" data-parsley-required="true" data-parsley-mincheck="2"/> Value-1
<input name="mybox" type="checkbox" value="2"/> Value-2
<input name="mybox" type="checkbox" value="3"/> Value-3
<input name="mybox" type="checkbox" value="4"/> Value-4
<input name="mybox" type="checkbox" value="5"/> Value-5
</div>
<a href="javascript: checkMyForm(document.myform);">Test Checkbox</a>
<!-- <div style="background-color: gray; width:200px;" onclick="checkMyForm();">Test</div> -->
</form>
</body>
</html>
虽然我还不知道区别。但它现在正在工作。
所以，我认为是时候将欧芹从 1.2.3 更新到 2.0.0 rc4。
| 归档时间： |
|
| 查看次数： |
6702 次 |
| 最近记录： |