代码之家  ›  专栏  ›  技术社区  ›  jyoseph

jquery表单验证插件依赖项回调

  •  0
  • jyoseph  · 技术社区  · 15 年前

    我正在使用此jquery表单验证插件: http://docs.jquery.com/Plugins/Validation/Methods

    我正在尝试使用Dependency回调: http://docs.jquery.com/Plugins/Validation/Methods/required#dependency-callback

    我想做的是,当“foo”有一定的值时,只需要“bar”。

    下面是一个基本示例:

    <select name="FOO" id="FOO">
      <option></option>
      <option value="someValue">some Value</option>
    </select>
    
    $("form[name=myForm]").validate({
       rules: {
         FOO: {required: true},
         BAR: {
                 required: function(element) {
                 return $("#FOO").val() == 'someValue';
            },
        maxlength: 10           
         }
       }     
    });
    

    但这不起作用。我也尝试过使用:按如下方式选择:

    return $("#FOO :selected").val() == 'someValue';
    

    有人能找出问题所在吗?

    edit=将foo的id添加到select

    2 回复  |  直到 14 年前
        1
  •  1
  •   Daniel Moura    15 年前

    select元素没有id foo。

    您应该添加它:

    <select id="FOO" name="FOO">
    

    或者做出正确的选择:

    $('select[name=FOO]')
    
        2
  •  0
  •   user369661    14 年前
    <script type="text/javascript">
    jQuery.validator.setDefaults({
        debug: true,
        success: "valid"
    });;
    </script>
    
    <script>
      $(document).ready(function(){
        $("#myform").validate({
      rules: {
        age: {
          required: true,
          min: 3
        },
        parent: {
          required: function(element) {
            return $("#age").val() < 13;
          }
        }
      }
    });
    $("#age").blur(function() {
      $("#parent").valid();
    });
    
    
      });
      </script>
    

    这一定对你有用。