表單驗證選擇

Question

我用這個選擇

<div class="formRight">              
   <?php
      $query = mysql_query("SELECT * FROM adm ORDER by name");
      if(mysql_error())
      {
         print(mysql_error());
      }
      echo'<select id="name" name="name" data-placeholder="Select" class="select" style="width:350px;" tabindex="2">';
      echo'<option selected>[Select]</option>';
      {
         while($row = mysql_fetch_array($query))
         echo'<option value="'.$row['name_id'].'">'.$row['name_a'].'</option>';
      }
      echo'</select>';
   ?>
</div>

我已經成功安裝了JQUERY Validate插件，除Select之外，其他所有功能都正確。 有機會應用嗎？

我使用class="validate[required]

Answer 1

您只需要更改兩件事：

1）將一個"required" class添加到<select>元素中。

2）在第一個<option>項上必須具有value="" 。

演示： http : //jsfiddle.net/VaDrD/

PHP的 ：

  echo'<select id="name" name="name" data-placeholder="Select" class="select required" style="width:350px;" tabindex="2">';
  echo'<option value="" selected="selected">[Select]</option>';
  {
     while($row = mysql_fetch_array($query))
     echo'<option value="'.$row['name_id'].'">'.$row['name_a'].'</option>';
  }
  echo'</select>';

呈現的HTML ：

<select id="name" name="name" data-placeholder="Select" class="select required" style="width:350px;" tabindex="2">
    <option value="" selected="selected">[Select]</option>
    <option value="xxx">option 1</option>
    <option value="xxx">option 2</option>
    <option value="xxx">option 3</option>
</select>

Answer 2

不太了解您想要什么。 您在找這個嗎？

 <select required id="name" name="name" data-placeholder="Select"
 class="select" style="width:350px;" tabindex="2">

Answer 3

我找到了可能的解決方案：

$(document).ready(function(){
$("#submit").click(function(){
var year = $(#year option:selected).val();
if(year == "")
{
$("#msg").html("Please select a year");
return false;
}
});
});