How to validate a multiselect Dropdown?

Bruno Andrade picture Bruno Andrade · Dec 15, 2012 · Viewed 17.4k times · Source

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

Answer

karaxuna picture karaxuna · Dec 15, 2012

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/