6

ユーザーにドロップダウン メニューからの選択を強制/要求することは可能ですか? 例:

<form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

デフォルトでは「ボルボ」が選択されています。私が望むのは、ユーザーが選択を行い、自動デフォルトを受け入れないことをブラウザが知ることです。

私はこのようなことを考えています:

<form action="">
<select name="cars" required="required">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

何かアドバイス?

4

2 に答える 2

1

これを機能させるために、jqueryvalidateの例を微調整しました。あなたの元の質問で、HTML5に基づくように要求したことは知っていますが、この混合された例は受け入れられるかもしれません。

http://jsfiddle.net/36MkJ/

<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
    <script>
        $(document).ready(function(){
            $("#carsForm").validate();
        });
    </script>
</head>
<body>
<form class="cmxform" id="carsForm" method="get" action="">
    <select name="cars" class="required">
        <option value="">Select a car</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="fiat">Fiat</option>
        <option value="audi">Audi</option>
    </select>
    <p>
        <input class="submit" type="submit" value="Submit"/>
    </p>
</form>

元の例はhttp://docs.jquery.com/Plugins/Validationにありました

于 2012-10-17T16:51:04.837 に答える