0

required属性を持つフォーム フィールドを JavaScript 配列に入力する方法はありますか?

私はこのビットのコードを試しました...

var requiredfields = new Array();

function getInputs() {
    var fields = document.getElementsByTagName('input');
    for (var i = 0; i < fields.length; i++) {
        alert('I am input field ' + i);
        //var required = fields[i].getAttribute('required');
        if (fields[i].getAttribute('required')) {
            fields[i].style.border = '1px solid #ff0000';
            requiredfields.push(fields[i]);
        }
    }
}

残念ながら、境界を設定したり、アラートを表示したりすることさえありません。getElementsByTagNameデータが正しく返されているかどうかさえよくわかりません。

私のコードがおかしい可能性があります。ふふふ…

4

2 に答える 2

1

最新のブラウザーでは、次のことができます。

var required = document.querySelectorAll('input[required]');

Array.prototype.forEach.call(required, function(element){
  element.style.border = '1px solid #ff0000';
});

または、スタイルシートで CSS ルールを使用するだけです。

input[required] {
  border: 1px solid #ff0000;
}
于 2013-07-11T20:37:56.857 に答える