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