使用mootools形成输入元素数组

时间:2014-11-19 00:41:25

标签: javascript html arrays forms mootools

我试着寻找答案,但没找到我想要的具体答案。在mootools中,如何使用“double dollar”($$)函数访问具有数组名称的下面的表单输入元素,以便能够迭代进行表单验证。

<input name="field[inventory_id]" type="text" />
<input name="field[asset_tag]" type="text" />
<input name="field[idea_tag] type="text" />
<input name="field[equip_make]" type="text" />
<input name="field[equip_model]" type="text" />

等...

由于

Dan B

2 个答案:

答案 0 :(得分:1)

在MooTools中,您可以使用例如:

$$('input[name^="field"]')

这将为您提供所有input元素,其name属性以&#34;字段&#34;开头。

你可以将.filter()和一个函数结合起来进行验证,并检查这个元素集合的长度属性。类似的东西:

$$('button').addEvent('click', function () {
    var inputs = $$('[name^="field"]');
    var notValidating = inputs.filter(function (input) {
        return !input.value;
    })
    alert('There are ' + notValidating.length + ' inputs not validating.');
});

jsFiddle:http://jsfiddle.net/kthaqmL2/

答案 1 :(得分:0)

所以我对此进行了一些研究并得出结论,给所有输入元素一个类名是最好的方法。然后我使用mootools double dollar函数迭代所有带有该类名的项目。