jQuery Validate Required Select [英] jQuery Validate Required Select

问题描述

我正在尝试使用jQuery Validate插件来验证html select元素.我将"required"规则设置为true，但是它始终通过验证，因为默认情况下选择了零索引.有什么方法可以定义所需规则使用的空值?

I am trying to validate html select element using jQuery Validate plugin. I set "required" rule to true but it always passes validation because zero index is chosed by default. Is there any way to define empty value that is used by required rule?

UPD.例子.假设我们有以下html控件:

UPD. Example. Imagine we have the following html control:

<select>
  <option value="default">Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>

我希望验证插件使用默认"值为空.

I want Validation plugin to use "default" value as empty.

推荐答案

您可以编写自己的规则！

You can write your own rule!

 // add the rule here
 $.validator.addMethod("valueNotEquals", function(value, element, arg){
  return arg !== value;
 }, "Value must not equal arg.");

 // configure your validation
 $("form").validate({
  rules: {
   SelectName: { valueNotEquals: "default" }
  },
  messages: {
   SelectName: { valueNotEquals: "Please select an item!" }
  }  
 });

这篇关于jQuery Validate Required Select的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！