Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

like image 406
Bruno Andrade Avatar asked Dec 15 '12 13:12

Bruno Andrade


1 Answers

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/

like image 133
karaxuna Avatar answered Oct 05 '22 00:10

karaxuna