Disable many fields by name javascript

Question

This is my question:

I got an jsp page, this jsp has many text fields like this:

<html:text property="cicPF" maxlength="9" style="text-transform: uppercase;" onfocus="disableIfeFields()"/>

So I want to disable some of this text fields when the focus it's in a specific field

But no one of this fields has "id" label, and I can't modify it to include it.

May I disable the fields usig their given names, no one of this repeats the same name.

for example with a function like this:

function disableIfeFields(){
    document.getElementsByName("numIdentificacionPF").disabled = true;

}

thanks

getElementsByName() returns a NodeList. Use item() method to retrieve a node (element). — PM 77-1
– PM 77-1, Commented Jul 20, 2018 at 20:48

Scath · Accepted Answer · 2019-11-11 21:09:27Z

2

You need to loop through the list and disable all the fields you want that way, used input to show example:

function disableIfeFields() {
  document.getElementsByName("numIdentificacionPF").forEach((e) => {
    e.disabled = true;
  });
}

<html:text property="cicPF" maxlength="9" style="text-transform: uppercase;" />
<input onfocus="disableIfeFields()" type="text" name="fname">
<input type="text" name="numIdentificacionPF">
<input type="text" name="numIdentificacionPF">
<input type="text" name="numIdentificacionPF">
<input type="text" name="numIdentificacionPF">
<input type="text" name="numIdentificacionPF">

edited Nov 11, 2019 at 21:09

answered Jul 20, 2018 at 20:53

Scath

3,81710 gold badges32 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mscdeveloper · Accepted Answer · 2018-07-20 20:59:17Z

2

Maybe like this:

function disableIfeFields(){
    document.querySelectorAll('[property="cicPF"]')[0].disabled = true;
}

disableIfeFields();

<input type="text" property="cicPF" maxlength="9" style="text-transform: uppercase;" onfocus="disableIfeFields()"/>

answered Jul 20, 2018 at 20:59

mscdeveloper

2,9391 gold badge13 silver badges19 bronze badges

Comments

Rory O'Kane · Accepted Answer · 2018-07-20 21:11:33Z

2

Hopefully the following should help. Because the selection result is a list of elements you will have to loop through the results. Please note that since you said no input repeats the same name, I'm using querySelectorAll, which might be a more suitable method after all…

var inputs = document.querySelectorAll('input[type="text"]');
for (var i = 0; i < inputs.length; i++) {
    if (inputs[i].id === 'label') {
        continue;
    }
    inputs[i].disabled = true;
}

edited Jul 20, 2018 at 21:11

Rory O'Kane

30.7k11 gold badges101 silver badges133 bronze badges

answered Jul 20, 2018 at 20:55

andriusain

1,20711 silver badges19 bronze badges

Collectives™ on Stack Overflow

Disable many fields by name javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related