Javascript，如何获取表单的多个元素并向它们添加属性？

Question

<form name="myform">
          <fieldset>
          <legend>Delivery Information</legend>

          <p>Country: <input pattern="^[A-Za-z]" type="text" name="textInput" size="25" placeholder="input country..."></p>
          <p>Street: <input pattern="^[A-Za-z0-9]" type="text" name="street" size="30" placeholder="input street..."></p>
          <p>City: <input pattern="^[A-Za-z ]" type="text" name="textInput" size="20" placeholder="input city..."></p>
          <p>Zip: <input pattern="(\d{5}([\-]\d{4})?)" type="text" name="zip" size="5" placeholder="#####"></p>
      </fieldset>
</form>

所以，我有一个表单，我想使用 Javascrip DOM 获取名称为“textInput”的所有输入元素（我有其他输入，所以它哈），并添加一个属性“oninvalid="please, only use letters"。

只有 Javascript，所以没有 JQuery。

Answer 1

你可以使用这个功能：

function changeAttributes() {
    var x = document.getElementsByName("textInput");
    for(var i = 0; i < x.length, i++) {
        x[i].setAttribute("oninvalid", "please, only use letters");
    }
}

Answer 2

试试下面：

 $('input[name=textInput]').attr("oninvalid", "please, only use letters");