Заполнение массива JavaScript с полями обязательной формы

Question

Есть ли способ заполнить массив JavaScript с полями формы, которые имеют атрибут required?

Я попробовал этот кусок кода ...

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.

Возможно, что мой код неактивен. Hehehe ...

Answer 1

Вы можете использовать этот скрипт:

http://jsfiddle.net/2u3kZ/

var requiredfields = new Array(); 

var fields = document.getElementsByTagName('input'); 
for (var i = 0; i < fields.length; i++) { 
    if (fields[i].getAttribute("required") != null) { 
     fields[i].style.border = '1px solid #ff0000'; 
     requiredfields.push(fields[i]); 
    } 
} 

Answer 2

В современных браузерах вы можете сделать это:

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; 
}