Javascript 它不能处理数据parsley mincheck=";2“;配欧芹.js-2.0.0-rc4
当我检查表单时,它在控制台中显示“Y”。但我没有选择任何复选框。Javascript 它不能处理数据parsley mincheck=";2“;配欧芹.js-2.0.0-rc4,javascript,parsley.js,Javascript,Parsley.js,当我检查表单时,它在控制台中显示“Y”。但我没有选择任何复选框。 在官方文件中,它说: 复选框需要具有名称或id属性才能正确显示 用欧芹粘合和验证。否则,它们将被忽略和删除 控制台中将显示一条警告 我在输入标签中设置了“name”属性,欧芹也没有显示: 用欧芹、收音机、复选框和多选键绑定 输入必须具有名称、id或多个选项 但它仍然无法处理数据parsley mincheck=“2” 在其他情况下,相同的代码用于parsley mincheck=“2”和parsly版本1.2.3。 因此,如果我对
在官方文件中,它说: 复选框需要具有名称或id属性才能正确显示 用欧芹粘合和验证。否则,它们将被忽略和删除 控制台中将显示一条警告 我在输入标签中设置了“name”属性,欧芹也没有显示: 用欧芹、收音机、复选框和多选键绑定 输入必须具有名称、id或多个选项 但它仍然无法处理数据parsley mincheck=“2”
在其他情况下,相同的代码用于parsley mincheck=“2”和parsly版本1.2.3。
因此,如果我对官方文件有任何错误(parsly 2.0.0-rc4)
试验
函数检查myform(myform){
if($(myform).parsley().validate()){
console.info('Y');
}否则{
控制台错误('N');
}
}
价值-1
价值-2
价值-3
价值-4
价值-5
我发现了一些类似的问题:我尝试将我的数据parsley mincheck=“2”更改为最后一个复选框,并添加必需的属性。
当我再次检查表单时,它也会返回“Y”(但我没有选择任何复选框)。
因此,这不是问题的关键。在2014/3/24,我发现官方文件(Parsley.js)的示例已更新。
因此,我再次从GitHub下载欧芹,并根据示例编辑代码:
比如:
<!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>
试验
函数检查myform(myform){
if($(myform).parsley().validate()){
console.info('Y');
}否则{
控制台错误('N');
}
}
价值-1
价值-2
价值-3
价值-4
价值-5
虽然我还不知道两者的区别。但它现在正在工作。因此,我认为是时候将欧芹从1.2.3更新到2.0.0 rc4了。我在这方面花了几个小时。谢谢。虽然复选框的“name”属性不应该有相同的值,而且如果您修改代码来更改它,我看不出复选框是如何链接的。
<!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>