如何使用输入上的模式属性将验证绑定到现有的绑定欧芹验证器?
假设我有一个已经初始化的表单,并且用户操作了一些东西,这些操作会将潜水许可证字段推送到表单中,该字段需要在其上显示图案,以便他们只输入数字。
田:
<input id="74" name="DivingLicence" type="text" value="" pattern="d+" data-parsley-pattern="d+" data-error-message="The Diving License is not valid" >
Javascript:
var item = {
field : '#74'
}
$('form').parsley('addItem', item.field);
var field = $(item.field);
if ('string' === typeof field.attr('pattern')) {
field.parsley('addConstraint', {
'pattern' : field.attr('pattern')
});
}
这就是我尝试过的,但是当我输入任何错误的内容时,我似乎根本无法引发错误......
目前还不清楚发生了什么,或者你认为你的JavaScript是如何工作的。
你不应该需要任何javascript(除了将<input>
添加到表单中的javascript),也不需要data-parsley-pattern
,因为Parsley会查看pattern
属性。
像往常一样,CodePen会有所帮助,你可以从欧芹的例子开始。