jQuery Multiselect Validation

bauchinj

Erfahrenes Mitglied
Hallo Zusammen,

ärgere mich gerade, dass ich folgende Problemstellung nicht lösen kann. Ich habe ein Multiselect, das beim drücken eines Buttons validiert werden soll. Fehler=Keine auswahl, sonst ok. ich bekomme aber keinen fehler...


HTML:
<form id="myForm">
<select id="optgrp" name="optgrp" multiple="multiple" class="required">
            <optgroup label="grp1">
                <option value="option1">a</option>
                <option value="option2">b</option>
            </optgroup>
            <optgroup label="grp2">
                <option value="option4">c</option>
                <option value="option5">d</option>
            </optgroup>
        </select>

<input type="button" id="btnValidate" value="Validate" />
</form>


Javascript:
Code:
       $(document).ready(function () {
        var rules = {
            optgrp: "required needsSelection"
        };
        var messages = {
            optgrp: "min 1 wahl!"
        };
        $.validator.addMethod("needsSelection", function(value, element) {
            return $(element).multiselect("getChecked").length > 0;
        });
 
        var validator
            = new jQueryValidatorWrapper("myForm", rules, messages);
 
        $("#btnValidate").click(function () {
            if (!validator.validate())
                return;
 
            alert("Validation Success!");
        });
        
        
        $("#optgrp").multiselect({
            height                : "auto",
            minWidth            : "500",    
            checkAllText        : "alle ausw&auml;hlen",
            uncheckAllText        : "keine auswaehlen",
            noneSelectedText    : "nichts gew&auml;hlt",
            selectedText        : "# gew&auml;hlt",        
            selectedList        : "2"
        });
    });


Mit einfachen Textfeldern funktionierts wunderbar....

bitte um Hilfe******
 
Zurück