Erfordert eine Auswahl aus einem Dropdown-Menü 5

Ist es möglich, einen Benutzer zu zwingen, eine Auswahl aus einem Dropdown-Menü zu treffen? Beispiel:Erfordert eine Auswahl aus einem Dropdown-Menü 5

<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>

standardmäßig "Volvo" ausgewählt ist. Ich möchte, dass der Browser weiß, dass der Benutzer eine Auswahl getroffen hat und die automatische Standardeinstellung nicht akzeptiert.

ich so etwas wie dies denke:

<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>

Jede Beratung?

Quelle

2012-10-17 Austin Lovell

eine zusätzliche Option hinzufügen, zB ''. Ihr aktueller Wunsch hat ein kleines Versehen: Wie würde der Benutzer Volvo wählen, wenn der Browser die Standardoption ablehnen muss? –

Lets sagen, ich habe die Standardoption und der Benutzer versucht, zu übermitteln, ohne diese Option ändern würde es nicht reichen "- Wählen Sie eine Option -"? –

Ja. Sie würden dies natürlich auf der Serverseite überprüfen und eine neue Eingabe anfordern, wenn sie ungültig ist. –

Ich habe ein Beispiel von jquery validiert, um dies für Sie arbeiten zu optimieren. Ich weiß in Ihrer ursprünglichen Frage, dass Sie darum gebeten haben, dass sie in HTML5 basiert, aber vielleicht ist dieses gemischte Beispiel akzeptabel.

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>

Original-Beispiel war auf http://docs.jquery.com/Plugins/Validation

Quelle

2012-10-17 16:51:04 zmanc

Erfordert eine Auswahl aus einem Dropdown-Menü 5

Antwort

Verwandte Themen