我在一个项目中使用语义表单验证,但我遇到了一个问题。
有一个包含四个动态字段的大表单,其中包含许多规则,它是从一个隐藏的模板div中克隆出来的。
示例:
<form class="big_form">
<div id="template">
name: <input type="text" class="validate">
</div>
<button>More</button>
</form>
现在,当单击“更多”时,会出现一个新字段“名称”。我的问题是,当我尝试验证这些字段时,验证器看到模板字段为空(因为它真的是空的),并且不能继续使用post。
有没有办法绕过div "template“,只验证下面的那些div?验证器代码如下所示:
$('.big_form')
.form({
name: {
identifier: 'name',
rules: [
{
type: 'length[14]',
prompt: 'Please fill something'
}
]
},
etc.
非常感谢。致敬,阿尔
发布于 2015-02-08 14:41:22
引用自语义表单验证主页:
验证对象包括表单元素列表和验证每个元素所依据的规则。字段通过id标记、name标记或与设置对象中提供的标识符匹配的数据验证元数据进行匹配。
所以,是的,您应该能够验证您想要验证的字段,只要您显式地包含它们。就验证而言,我不明白为什么div#template中的无名输入字段会导致问题。
https://stackoverflow.com/questions/28394796
复制