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

使用jQuery验证重新启用表单选择验证后启用它

  •  -1
  • paultechguy  · 技术社区  · 7 年前

    使用jQuery验证。我如何确保jQuery验证一个最初被禁用,但后来根据其他表单输入重新启用的输入?

    这似乎有点普遍,但我似乎找不到答案。我有一个初始表单,其中包含一个禁用的select下拉列表。用户在表单中输入一些其他信息后,将启用select下拉列表。当我提交表单时,它似乎没有验证最初禁用的“必需”选择下拉列表。

    谢谢

    1 回复  |  直到 7 年前
        1
  •  1
  •   Mayank Pandeyz    7 年前

    Jquery验证插件将自动完成这项工作。检查以下示例:

    $(document).ready(function() {
    
        $('#myform').validate({
            rules: {
                foo: {
                    required: true
                },
                bar: {
                    required: true
                }
            }
        });
        
        $('#enable').click(function(){
        	$('#bar').attr('disabled', false);
        });
    
    });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
    
    <form id="myform">
        <input type="text" name="foo" />
        <br>
        <input type="text" name="bar" id="bar" disabled />
        <br>
        <a href="javascript:void(0);" id="enable">Enable It</a>
        <br>
        <input type="submit" />
    </form>