正确传递元素数组

时间:2017-02-09 07:31:55

标签: javascript

如果输入的内容有误,我希望它突出显示红色。我尝试了以下方法:

1 个答案:

答案 0 :(得分:1)

我建议只使用一个系统来访问输入文件,可以通过表单名称和输入名称,也可以使用id和document.getElementById

然后我建议使用id的{​​{1}}和name属性具有相同的值。

为了检查内容并更改样式,我使用元素并使用带有<input type="text">的数组。

id
function check() {
    var regex = new RegExp(/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?()]/),
        ltr = /[a-zA-Z ]+/,
        inputs = ['nem', 'nef', 'rem', 'ref', 'ea', 'ver', 'kavm', 'kavf'],
        i,
        fehlerB = false,
        element;

    for (i = 0; i < inputs.length; i++) {
        element = document.getElementById(inputs[i]);
        if (ltr.test(element.value) && !regex.test(element.value)) {
            element.style.border = '2px solid red'; // i suggest to use 2px, because
            fehlerB = true;                         // it renders better on displays
        }                                           // with sub pixel
    }
    return !fehlerB;
}