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.

https://stackoverflow.com/questions/5376431/wildcards-in-jquery-selectors — Mischa, Sep 16 '19 at 15:38
Possible duplicate of [Wildcards in jQuery selectors](https://stackoverflow.com/questions/5376431/wildcards-in-jquery-selectors) — Tyler Roper, Sep 16 '19 at 15:42

score 2 · Answer 1 · answered Sep 16 '19 at 15:38

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 '19 at 15:38

tmkiernan

375
1
16

score 2 · Answer 2 · answered Sep 16 '19 at 15:42

2

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 '19 at 15:42

Vandesh

6,368
1
26
38

random · Answer 3 · 2019-09-16T15:44:32.407

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">

Select all the inputs with name attribute contain Substring - jQuery

3 Answers3