1

我想验证一个选择。这是选择:

<select id="ccategory" name="category" class="input">
  <option value="0" selected="selected">[Choose Category]</option>
  <option value="Arts and entertainment">Arts and entertainment</option>
  <option value="Automotive">Automotive</option>
  <option value="Business">Business</option>
  <option value="Computers">Computers</option>
  <option value="Games">Games</option>
  <option value="Health">Health</option>
  <option value="Internet">Internet</option>
  <option value="News and Media">News and Media</option>
  <option value="Recreation">Recreation</option>
  <option value="Reference">Reference</option>
  <option value="Shopping">Shopping</option>
  <option value="Sports">Sports</option>
  <option value="World">World</option>
</select>

这是验证选择的脚本:

$(document).ready(function () {
  $('#dialog').validate({
    rules: {
      category: { required: true },
    },
    submitHandler: function (form) { // for demo
      alert('valid form'); // for demo
      return false; // for demo
    }
  });
});

这是演示

当我有选择的值时,此功能也会批准提交的表单selected

<option value="0" selected="selected">[Choose Category]</option>

如何将脚本更改为不批准或验证选择何时value="0"?也许,如果可能的话,在选择附近有一条消息。

消息:“此字段是必需的。”

这是在第一个 textarea 上验证的演示。

4

1 回答 1

1

在这里检查

JS/jQuery

$('#dialog').validate({
    rules: {
        category:
        {
            required: true
        },
    },
    submitHandler: function (form) { // for demo
        if ($('#ccategory').val() == 0){
            document.getElementById('choose_own_text').innerHTML  = "Please change here";
            return false;}
     //   console.log($('#ccategory').val());
        alert('valid form'); // for demo
        return false; // for demo
    }
});

我补充说if ($('#ccategory').val() == 0){return false;},像这样他检查选择的值是否为0,并返回false提交。

CSS

#choose_own_text {
    display:inline;
    color:red;
}
于 2013-06-26T18:12:39.013 回答