jquery-1.10.2.js:1472 Uncaught Error: Syntax error, unrecognized expression: label[for='team[]'], label[for='team[]'] *, #team[]-error

Question

I'm using multiselect js plugin in select element and jquery validate plugin to validate form elements.

I know this is because of '[]' in select element name attribute, that is causing this error, but I want to enable multiple selections.

When I remove '[]', it is working fine..

Here's my HTML:

<div class="form-group">
    <label class="col-sm-4 control-label" for="internal_team">Team <span class="input-required">*</span></label>
         <div class="col-sm-7">
              <select name="team[]" class="form-control multiselect-ui" multiple>
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              </select>
         </div>
</div>

Here's my jquery validate:

rules: 
{
   "team[]": "required"
},
messages:
{
     "team[]": "Please select team",
}

How do I solve this issue?? Any help is very much appreciated. Thanks.

You **cannot** have an empty array for naming multiple elements with the jQuery Validate plugin. You would have to use an index... `team[0]`, `team[1]`, `team[2]`, etc. — Sparky, Apr 11 '18 at 15:59

score 2 · Answer 1 · answered Apr 11 '18 at 10:20

2

Have you tried assigning an id to select tag and retrieving values with multiselect method?

<select name="team[]" class="form-control multiselect-ui" id="team" multiple="multiple">

$('#team').multiSelect()

answered Apr 11 '18 at 10:20

Rosy Shrestha

1,359
10
10

score 1 · Answer 2 · answered Apr 11 '18 at 05:49

1

You have to escape the [] because jQuery thinks its an attribute selector.

$("label[for='team[]'], label[for='team[]'] *, #team[]-error")

Should be

$("label[for='team[]'], label[for='team[]'] *, #team\\[\\]-error")

demo

$("label[for='team[]'], label[for='team[]'] *, #team\\[\\]-error")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Apr 11 '18 at 05:49

Carsten Løvbo Andersen

26,637
10
47
77

but I guess this expression is generated by plugin itself.. How do I take control over it? – Azima Apr 11 '18 at 05:54
why not remove `[]` from `name="team[]"` – Carsten Løvbo Andersen Apr 11 '18 at 05:56
then it would not store multiple selected options.. – Azima Apr 11 '18 at 05:56
@Azima can you create a snippet that displays the problem? – Carsten Løvbo Andersen Apr 11 '18 at 05:58

jquery-1.10.2.js:1472 Uncaught Error: Syntax error, unrecognized expression: label[for='team[]'], label[for='team[]'] *, #team[]-error

2 Answers2