Question

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

这似乎有点普遍，但我似乎无法找到答案。我有一个初始表单，其中包含禁用的选择下拉列表。用户在表单中输入其他信息后，将启用选择下拉列表。当我提交表单时，它似乎并没有验证＆＃34; required＆＃34;选择最初禁用的下拉列表。

感谢。

Answer 1

Jquery验证插件会自动执行此操作。请检查以下示例：

＆＃13;

$(document).ready(function() {

    $('#myform').validate({
        rules: {
            foo: {
                required: true
            },
            bar: {
                required: true
            }
        }
    });
    
    $('#enable').click(function(){
    	$('#bar').attr('disabled', false);
    });

});

＆＃13;

<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>

＆＃13;

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

1 个答案: