使用parsley.js,如何验证页面加载后添加的字段?

时间:2014-04-03 22:31:46

标签: javascript validation parsley.js

相关小提琴:

http://jsfiddle.net/v86Dv/4/

"名字"当"提交"时,字段按预期验证。单击按钮。

但是,通过&#34添加字段;点击此处添加字段"链接未经过验证。

如何让parsely.js(http://parsleyjs.org)验证这些字段?

来自小提琴的相关代码:

HTML:

<form id="myForm" method="post" data-parsley-validate novalidate>
    <p><a href="javascript:void(0)" id="addField">Click here to add field</a></p>
    <p><label>First Name</label>
    <input type="text" name="firstName" value="" required data-parsley-trigger="change" /></p>
    <p><input type="submit" value="submit" /></p>
</form>

的JavaScript

$('#addField').on('click', function(){
    $('input[type="submit"]').before('<p><label>Another Field</label> <input type="text" name="anotherField" value="" required data-parsley-trigger="change" /></p>');
});

1 个答案:

答案 0 :(得分:1)

我害怕在你的小提琴中使用1.2.3 Parsley版本,它不支持原生动态字段添加/删除。请考虑使用2.x版本。最好

相关问题