Question

我有一個從數據庫填充的選擇選項字段，我想驗證用戶何時不選擇任何內容並按提交按鈕。我不能夠得到validation.This是我迄今所做的：

對於選擇選項列表：

<form id="dataForm" method="get" action=""> 
<b>Year</b> 
<?php 
$sql = 'SELECT Year_Id,Year_Released FROM {extdb_year} WHERE Only_For_Trend = 0 ORDER BY Year_Released DESC'; 
$res = db_query($sql); 

echo "<select id='Year_Released' name='Year_Released'> 
    <option value='-1'>-Select-</option>"; 
$cnt = 0; 
$options = array(); 
foreach ($res as $row) 
{ 
    $cnt++; 
    echo "<option value = '{$row->Year_Id}'"; 
    if ($cnt==1) 
     echo "selected = 'selected'"; 
    echo ">{$row->Year_Released}</option>"; 

    $options[$row->Year_Id] = $row->Year_Released; 
} 
echo "</select>"; 

?> 
<p> 
    <input class="submit" type="submit" value="Submit"/> 
    </p> 
</form> 

用於驗證

jQuery代碼

$(document).ready(function(){ 

    $("#dataForm").validate({ 

    rules: { 

     Year_Released: { 
      required: true 
     } 

    }, 
    messages: { 

    Year_Released: "You must select a Year." 

    } 

    }); 
}); 

在任何建議這方面將受到高度讚賞。

Answer 1

您的驗證碼正確，但是在你select元件中的第一option必須設置value爲空。

echo "<select id='Year_Released' name='Year_Released'> 
    <option value=''>-Select-</option>"; 

工作演示：http://jsfiddle.net/qhprG/

Answer 2

把<option value="">Choose an option</option>爲空白，而不是-1

使用jQuery驗證

rules: { 
select: "required" }