我正在尝试在从 html 文字创建的输入上添加一些验证规则。
这是我的小提琴:http: //jsfiddle.net/idoxobi/HW4xY/1/
html:
<form id='form' method='post' >
<div id='details'>
</div>
<a id='Add' href='javascript:void()'>Add</a>
<br />
<input type='submit' />
</form>
JavaScript:
$(document).ready(function() {
$('#form').validate();
var input = "<input type='text' class='item' name='item' />";
$('#Add').click(function() {
$('#details').append(input+'<br />');
$('#details input:last').rules('add', {
required: true
});
});
})
它似乎只在第一个元素中识别规则,但其他元素未经验证通过。
我是第一次使用这个插件,但是在论坛上每个人都说这应该可以正常工作。
有什么建议么?