表单验证-从字段中收集多个验证属性(如果存在)

时间:2018-12-10 16:22:41

标签: javascript arrays forms htmlcollection

我在文档中具有一种或多种形式,这些形式可以具有带有“验证属性”的输入/文本区域/选择字段

<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,但是我仍然不确定收集属性的最佳选择,而只是添加用于验证的属性。

0 个答案:

没有答案