在使用 jQuery 验证重新启用后启用表单 select 验证

Question

使用jQuery验证。我如何确保 jQuery 验证最初禁用但随后根据其他表单输入重新启用的输入？

这似乎有点常见，但我似乎无法找到答案。我有一个包含禁用的 select 下拉列表的初始表单。一旦用户在表单中输入一些其他信息，就会启用 select 下拉列表。当我提交表单时，它似乎没有验证最初被禁用的 "required" select 下拉列表。

谢谢。

Answer 1

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>

在使用 jQuery 验证重新启用后启用表单 select 验证

Enable form select validation after re-enabling it with jQuery validation

jquery

jquery-validate

disabled-input