JavaScript

JavaScript-Logo

Colocando atributo no input via JavaScript

Tive a necessidade de adicionar o atributo maxlength no campo input do checkout sendo ele gerado dinamicamente via php. Com essa solução a baixo em JS adiciono o atributo rapidamente sem necessidade de jQuery.

window.onload = function(){
      var day = document.getElementById('billing:day');
      var att = document.createAttribute("maxlength");
      att.value = "2";
      day.setAttributeNode(att);
}

Ou esse a baixo caso tenha mais de um campo input parar modificar:

document.getElementById('billing:day').setAttribute('maxlength','2');
document.getElementById('billing:month').setAttribute('maxlength','2');
document.getElementById('billing:year').setAttribute('maxlength','4');

 

O input que antes era assim:

<input id="billing:day" class="input-text validate-custom" type="text" title="Dia" value="" name="billing[day]" placeholder="DD"></input>

Ficara assim:

<input id="billing:day" class="input-text validate-custom" type="text" title="Dia" value="" name="billing[day]" placeholder="DD" maxlength="2"></input>
Anúncios