Select all the inputs with name attribute contain Substring - jQuery

Question

I want to select all the inputs with name attribute end with *Name.

I have 6 inputs type text with name :

deviceName
profileName
ssidName
captiveName
trafficName
sessionName

HTML

<input class="form-control" type="text" name="deviceName">
<input class="form-control" type="text" name="profileName">
<input class="form-control" type="text" name="ssidName">
<input class="form-control" type="text" name="captiveName">
<input class="form-control" type="text" name="trafficName">
<input class="form-control" type="text" name="sessionName">

I'm trying to prevent any space enter on those 5 inputs

I've tried

$("input[name='*Name']").keyup(function() {
    this.value = this.value.replace(/\s/g, '');
});

My selection doesn't seem to take any effects.

$("input[name$='Name']").

random
– random

2019-09-16 15:36:09 +00:00
Commented Sep 16, 2019 at 15:36 — random
– random, Commented Sep 16, 2019 at 15:36
please explain how you come up with that !

code-8
– code-8

2019-09-16 15:37:00 +00:00
Commented Sep 16, 2019 at 15:37 — code-8
– code-8, Commented Sep 16, 2019 at 15:37
api.jquery.com/attribute-contains-selector

glend
– glend

2019-09-16 15:37:45 +00:00
Commented Sep 16, 2019 at 15:37 — glend
– glend, Commented Sep 16, 2019 at 15:37
stackoverflow.com/questions/5376431/…

Mischa
– Mischa

2019-09-16 15:38:46 +00:00
Commented Sep 16, 2019 at 15:38 — Mischa
– Mischa, Commented Sep 16, 2019 at 15:38
Possible duplicate of Wildcards in jQuery selectors

Tyler Roper
– Tyler Roper

2019-09-16 15:42:33 +00:00
Commented Sep 16, 2019 at 15:42 — Tyler Roper
– Tyler Roper, Commented Sep 16, 2019 at 15:42

Vandesh · Accepted Answer · 2019-09-16 15:42:08Z

3

Just a small error in your code with the attribute contains selector -

Change:

$("input[name='*Name']")

to

$("input[name*='Name']")

Check this JSBin for playing around.

answered Sep 16, 2019 at 15:42

Vandesh

6,9642 gold badges32 silver badges38 bronze badges

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

Comments

tmkiernan · Accepted Answer · 2019-09-16 15:38:20Z

2

I think you are using the correct selector but in the wrong place.

you need to use it like so $("input[name*='Name']")

See the link to jquery documentation. https://api.jquery.com/attribute-contains-selector/

answered Sep 16, 2019 at 15:38

tmkiernan

3621 silver badge16 bronze badges

Comments

random · Accepted Answer · 2019-09-16 15:44:32Z

To select element ending with attribute value 'Name' use $("input[name$='Name']") - https://api.jquery.com/attribute-ends-with-selector/.

$("input[name$='Name']").keyup(function() {
  this.value = this.value.replace(/\s/g, '');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="form-control" type="text" name="deviceName">
<input class="form-control" type="text" name="profileName">
<input class="form-control" type="text" name="ssidName">
<input class="form-control" type="text" name="captiveName">
<input class="form-control" type="text" name="trafficName">
<input class="form-control" type="text" name="sessionName">

Note - If you want to make attribute selector case-insensitive add i before closing square bracket i:e $("input[name$='name' i]").

console.log($("input[name$='name' i]"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="form-control" type="text" name="deviceName">
<input class="form-control" type="text" name="profileName">
<input class="form-control" type="text" name="ssidName">
<input class="form-control" type="text" name="captiveName">
<input class="form-control" type="text" name="trafficName">
<input class="form-control" type="text" name="sessionName">

Collectives™ on Stack Overflow

Select all the inputs with name attribute contain Substring - jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related