我在文档中具有一种或多种形式,这些形式可以具有带有“验证属性”的输入/文本区域/选择字段
<input class="finput" type="text" name="name" minlength=15 maxlength="255" required data-numeric>
验证属性可以是默认的HTML或custom('data-numeric')
我有以下代码用于收集表单:
forms = document.forms;
for (var i = 0; i < forms.length; i++) {
if (forms[i].hasAttribute('data-validation')){
fields = forms[i].elements;
for (var j = 0; j < fields.length; j++)
field ....
}
}
我还列出了每个验证的规则:
var rules = {
minlength: 0,
numericRegex: /^[0-9]+$/,
integerRegex: /^\-?[0-9]+$/,
}
如果每个字段都有一个或多个字段以创建一个将包含该字段的DOM和属性(如果在规则中找到这些属性)的数组,我想遍历每个字段。
我知道要获取属性,我可以使用hasAttribute
,但是从我的角度来看,它看起来并不高效,此外,对于minlength
之类的规则,我还需要采用属性。
我以为我可以使用field.attributes
,但是我仍然不确定收集属性的最佳选择,而只是添加用于验证的属性。