选择JQuery验证时

选择JQuery验证时,jquery,jquery-validate,Jquery,Jquery Validate,选择框后,如何验证其他字段。我试过下面的方法,但没有用。我只想在选择马或小马时验证AnimalName2。 提前谢谢 HTML: <select class="vars" data-hint="" name="Registration2"> <option data-price="0.00" selected="selected" value=""> None </option> <option data-price="5.00"

选择框后,如何验证其他字段。我试过下面的方法,但没有用。我只想在选择马或小马时验证AnimalName2。 提前谢谢

HTML:

 <select class="vars" data-hint="" name="Registration2">
  <option data-price="0.00" selected="selected" value="">
    None
  </option>

  <option data-price="5.00" value="Horse">
    Horse
  </option>

  <option data-price="5.00" value="Pony">
    Pony
  </option>
</select> <span class="clear">clear</span>

<div class="quarter">
  <label style="font-weight: bold; display: inline;">Name</label><br>
  <input autocomplete="off" data-hint="" maxlength="254" name="AnimalName2"
  placeholder="" type="text">
</div>

没有一个
马
小马
清楚的
名称
我正在使用jquery.validate.min.js

<script>
(function($, W, D) {
  var JQUERY4U = {};
  JQUERY4U.UTIL = {
      setupFormValidation: function() {
        //form validation rules
        $("#addriderform").validate({
          rules: {
            AnimalName2: {
              required: "Registration2:selected"
            },
            agree: "required"
          }
          submitHandler: function(form) {
            form.submit();
          }
        });
      }
    }
    //when the dom has loaded setup form validation rules
  $(D).ready(function($) {
    JQUERY4U.UTIL.setupFormValidation();
  });
})(jQuery, window, document);
</script>

(函数($,W,D){
var JQUERY4U={};
JQUERY4U.UTIL={
setupFormValidation:函数(){
//表单验证规则
$(“#addriderform”).validate({
规则:{
动物名称2:{
必需:“注册2:已选择”
},
同意:“必需”
}
submitHandler:函数(表单){
表单提交();
}
});
}
}
//当dom加载了设置表单验证规则时
$(D).就绪(函数($){
JQUERY4U.UTIL.setupFormValidation();
});
})(jQuery、窗口、文档);

为下拉列表提供id,使用jQuery validate的
参数:

工作小提琴

HTML

这意味着“AnimalName2”的必需属性此文本框取决于其内部的条件。 请参见下文,它检查是否选择了“无”。如果从下拉列表中选择了“无”,则返回false,表示必需属性变为false,否则变为true,因此验证适用于textbox

 function(element) {
                  if($("#Registration2").val() != "")//If Pony or Horse selected
                  {
                     return true;
                  }
                  else
                  {
                     return false;
                  }
               }

更多信息,请查看

我已经添加了答案,您可以查看吗?是的,这工作非常完美!!太谢谢你了。
 //form validation rules

  $("#addriderform").validate({
      rules: {
        AnimalName2: {
          required: {
               depends: function(element) {
                  if($("#Registration2").val() != "")//If Pony or Horse selected
                  {
                     return true;
                  }
                  else
                  {
                     return false;
                  }
               }
          } 
        },
        //Registration2:{required:true} 
      },
     messages: {

        AnimalName2: {
            required: "Please fill TEXTBOX" 
        },
        Registration2:{
            required: "Please select DROPDOWN ."    
        } 

    },
    errorPlacement: function(error, element) {
        error.appendTo( element.parent() );
    },

      submitHandler: function(form) {
        form.submit();
      }
});
 function(element) {
                  if($("#Registration2").val() != "")//If Pony or Horse selected
                  {
                     return true;
                  }
                  else
                  {
                     return false;
                  }
               }