javascript - jQuery - 代码检查是否有任何字段不为空，然后将所有字段设为必填

Question

我是一名 PHP 开发人员，对 jQuery 很陌生，我之前只写了几行代码，并且全部来自在线资源。无论如何，我在 html 中有这三个输入:

<input type="password" name="old-password" id="old-password">
<input type="password" name="new-password" id="new-password">
<input type="password" name="confirm-new-password" id="confirm-new-password">
<button type="submit" id="save" class="button button-primary">Save Changes</button>

我有一整页的设置，这三个字段用于密码，但我希望仅当用户在任何输入中输入任何数据时才需要它们。

示例:用户输入旧密码，所有 3 个输入都需要实时输入。或者用户输入确认新密码，也需要全部 3 个输入。

感谢您的帮助。

解决方案:答案都很好，谢谢大家的帮助。另一个问题出现了，如果有人尝试退格并删除表单上的文本，它仍然是必需的。在所有答案的帮助下，我想出了一个解决方案。

您必须将 .password 类添加到所有所需的输入，然后将其放入脚本标记中:

    $('.password').on('keyup keydown keypress change paste', function() {
        if ($(this).val() == '') {
            $('#old-password').removeAttr('required', '');
            $('#new-password').removeAttr('required', '');
            $('#confirm-new-password').removeAttr('required', '');
        } else {
            $('#old-password').attr('required', '');
            $('#new-password').attr('required', '');
            $('#confirm-new-password').attr('required', '');
        }
    });

Answer 1

在 oninput 事件上使用 .attr()。

即像这样的东西:

function makeRequired(){
    $("#old-password").attr("required","");
    $("#new-password").attr("required","");
    $("#confirm-new-password").attr("required",""); 
}

然后在 HTML 或 JS 中将其绑定(bind)到 oninput。