Jquery 如何禁用按钮直到所有必填字段都已填充

在这里，我编写了一个jquery代码，用于禁用一个按钮，直到所有必需的字段都被填充为止。在这里，我的代码工作正常，但这是一个多步骤表单，在该表单中，我输入值，如果所有值都被填充，则我的按钮处于启用状态。但是，如果我在下一个屏幕中单击上一个按钮，则该按钮将再次进入禁用状态说明如果我们输入任何东西，它将处于活动状态。所以，若用户导航到上一个屏幕，那个么按钮不应该处于禁用状态，它应该处于活动状态，那个么如何防止这种情况呢

html

<div>                   
    <input type="text" v-model.lazy="category" id="id_post_type">
    <input type="text" v-model="title" id="title">
    <input type="text" v-model="address" id="id_post_address">
    <button id="confirm_button_login" @click.prevent="next()" disabled="disabled">Next</button>
    
<div>

---

做到这一点最简单的方法就是在文档准备就绪时运行代码，而不仅仅是在keyup上

因此，您希望将其移动到一个函数中，您可以在页面加载时调用一次，也可以在keyup上调用一次

函数是形式完整的（）{
if（$（“#id#post_type”）.val（）.length&$（“#title”）.val（）.length&$（“#id#post_address”）.val（）.length）{
$（“确认按钮\登录”）.prop（'disabled'，false）；
$（“#确认#按钮#登录”）.css（“背景色”，“#01ABAA”）；
}否则{
$（“确认按钮\登录”）.prop（'disabled'，true）；
}
};
$（'#id#post#type，#title，#id#post#address'）.keyup（函数（）{
表格是否完整
});
$（文档）.ready（函数（）{
表格是否完整
});

下一个
您必须选中“禁用”按钮

$(document).ready(function(){
    if($("#id_post_type").val().length && $("#title").val().length && 
    $("#id_post_address").val().length){
        $("#confirm_button_login").prop('disabled', false);
        $("#confirm_button_login").css("background-color", "#01ABAA");
    } else {
        $("#confirm_button_login").prop('disabled', true);
    }
});

谢谢你的回复，詹姆斯。但就我而言，这个脚本不起作用。我需要在html中调用此函数吗input@Sultan在发布之前，我测试了它：）它确实有效。保持html完全相同，删除document.ready函数，并添加我编写的内容。我只是把它编成了一个片段，但它并没有真正帮助测试导航。不过我已经测试过了，它可以工作了。@Sultan，你让它工作了吗？
$(document).ready(function(){
    if($("#id_post_type").val().length && $("#title").val().length && 
    $("#id_post_address").val().length){
        $("#confirm_button_login").prop('disabled', false);
        $("#confirm_button_login").css("background-color", "#01ABAA");
    } else {
        $("#confirm_button_login").prop('disabled', true);
    }
});