jquery - 客户端验证jQuery

Question

我有一个从数据库填充的选择选项字段，我想验证用户何时没有选择任何内容并按下提交按钮。我无法获得验证。这是我到目前为止所做的：

对于选择选项列表：

<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

您的验证代码是正确的，但是元素中的第一个必须将 设置option为空。selectvalue

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