jquery
  • jquery-validate
  • 2013-02-28 120 views 0 likes 
    0

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

    對於選擇選項列表:

    <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." 
    
        } 
    
        }); 
    }); 
    

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

    回答

    0

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

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

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

    0

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

    使用jQuery驗證

    rules: { 
    select: "required" } 
    
    +1

    你的第一個部分是正確的,我認爲@MohanTimilsina有正確設置的實際驗證選項。 – Ryley 2013-02-28 16:37:29

    +0

    -1顯示'規則',這將進一步打破他的代碼。 '「選擇」不是他的領域的名字,他的規則已經被正確定義。 – Sparky 2013-02-28 19:54:27

    相關問題