6

フォームを検証していますが、この特定の選択検証で問題が発生しています。

<div class="control-group" id="sukupuoli">
        <label class="control-label">Sukupuoli</label>
        <div class="controls">
            <select name="sukupuoli">
            <option value="Valitse">Valitse</option>
            <option value="Naaras">Naaras</option>
            <option value="Uros">Uros</option>
            </select>
        </div>
</div>

検証用のJSは次のとおりです。

$('#ilmoittuminen').submit(function(){

        var Sukupuoli = $('input[name=sukupuoli]').val()

            if(Sukupuoli  == "Valitse"){
            $('.control-group#sukupuoli').addClass("error");
            $('select[name=sukupuoli]').focus();
            return false; 
            }

            var ilmoittautumisdata = $('#ilmoittuminen').serialize();
            $.ajax({
                url: "",
                data: ilmoittautumisdata,
                type: "POST"})
            .done(function () {

                })
            .error(function () {
            $('.control-group').addClass("alert");
            });

                return false;
});

送信しませんが、クラスエラーも追加しません。フィドル。

4

2 に答える 2

3

ここで使用する必要がありselectます：

var Sukupuoli = $('select[name=sukupuoli]').val()

例： http： //jsfiddle.net/HV7sn/1/

于 2012-10-27T16:43:21.447 に答える
2

$（'。control-group＃sukupuoli'）。addClass（ "error"）;を使用する必要はありません。IDのみで選択してください。

$（'＃sukupuoli'）。addClass（ "error"）;

于 2012-10-27T16:47:45.467 に答える