CODEWITHSUNDEEP
javascripthtmlmulti-select
Bruno Andrade
Bruno Andrade

Reputation: 261

How to validate a multiselect Dropdown?

So the situation is this: I'm creating a dropdown box using the jquery.multiselect plugin on a form, but I need to check if there's some value selected, if there isn't one or more values selected I wanna throw a alert or something when some one tries to submit the form.

The HTML Code

<form id="RNA" name="RNA">
<select size="5" name="sampleMut[]" multiple="multiple" id="sampleMut">

 <option value="41" >41</option>
  <option value="48" >48</option>
  <option value="65" >65</option>
  <option value="102" >102</option>

</select>
</form>

The JavaScript Code

$(function(){
 $("#sampleMut").multiselect(); 
});

jQuery version 1.8.3

jquery.multiselect 1.13

Upvotes: 5

Views: 24169

Answers (2)

karaxuna
karaxuna

Reputation: 26940

Try this:

$(function(){
    $('form').submit(function(){
         var options = $('#sampleMut > option:selected');
         if(options.length == 0){
             alert('no value selected');
             return false;
         }
    });
});

Fiddle: http://jsfiddle.net/aDxu8/1/

Upvotes: 12

D&#225;vid Szab&#243;
D&#225;vid Szab&#243;

Reputation: 2247

With this you can get the amount of the selected options.

$("#sampleMut option:selected").length;

Upvotes: 3

Related Questions