Javascript, how to get multiple elements of a form and add an attribute to them?

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>

So, I have a form and I want to get all input elements by name "textInput"(I have other inputs so it ha) using Javascrip DOM, and add an attribute "oninvalid="please, only use letters".

Only Javascript, so no JQuery.

Possible duplicate of [javascript setattribute to multiple element](https://stackoverflow.com/questions/18455353/javascript-setattribute-to-multiple-element) — jmargolisvt, Nov 03 '17 at 17:16

score 1 · Accepted Answer · answered Nov 03 '17 at 17:20

1

You can use this function:

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

answered Nov 03 '17 at 17:20

samuelnj

1,627
1
10
19

Happy to help, and welcome to Stack Overflow. If this answer or any other one solved your issue, please mark it as accepted – samuelnj Nov 07 '17 at 16:35

score 0 · Answer 2 · edited Jul 27 '18 at 07:27

0

Try below:

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

edited Jul 27 '18 at 07:27

Sociopath

13,068
19
47
75

answered Jul 27 '18 at 06:30

swathi

97
1
2

Javascript, how to get multiple elements of a form and add an attribute to them?

2 Answers2