2012-10-17 24 views
6

Bir kullanıcının bir açılır menüden seçim yapmasını zorunlu kılabiliyor mu/gerektiriyor mu? Örnek: Varsayılan olarakBir açılır menüden seçim yapmak için gerekli html 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> 

"Volvo" seçilir. İstediğim şey, kullanıcının seçim yapıp otomatik varsayılanı kabul etmediğini bilmesidir.

Böyle bir şey düşünüyorum:

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

Herhangi bir tavsiye?

+0

oldu. Mevcut arzunuzun küçük bir gözdesi var: Tarayıcı varsayılan seçeneği reddetmek zorundaysa, kullanıcı Volvo’yu nasıl seçer? –

+0

Varsayılan seçeneği ve kullanıcı bu seçeneği değiştirmeden göndermeye çalıştı "- Bir seçenek seçin -"? –

+0

Evet. Bunu sunucu tarafında kontrol edersiniz (belli ki) ve geçersizse yeni giriş isteyin. –

cevap

1

Sizin için çalışmasını sağlamak için jquery validate'den bir örnek ayarladım. Orijinal sorusunda, HTML5'te yer almasını istediğini biliyorum ama belki bu karışık örnek kabul edilebilir. `- Bir seçenek belirleyin -

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> 

Orijinal Örnek ekstra bir seçenek, örneğin`

İlgili konular