表单验证选择

时间:2013-03-20 17:30:46

标签: php jquery jquery-validate

我使用此选择

<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]

3 个答案:

答案 0 :(得分:0)

你只需要改变两件事:

1)将"required" class添加到<select>元素中。

2)您必须在第一个value=""项目上拥有<option>

DEMO: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>

答案 1 :(得分:-1)

不太明白你想要什么。 你在找这个吗?

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

答案 2 :(得分:-1)

我找到了一个可能的解决方案:

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