Javascript 基于隐藏输入字段变量与设置变量匹配的禁用/启用按钮

我的注册脚本有两个隐藏的输入字段，根据用户输入更改为两个设置变量。默认情况下，“表单”按钮处于禁用状态。我的问题是，一旦两个隐藏的输入字段与设置的变量匹配，就要启用按钮

<form id="register_form" autocomplete="off" method="post" action="">
    <h1>Register</h1>
    <div id="error_msg"></div>
    <div id="pass"><span id='user'></span></div>
    <div id="pass"><span id='message'></span></div>
    <div id="pass"><span id='message2'></span></div>
    <div>
        <input type="text" name="username" placeholder="Username" id="username" autocomplete="off" required>
    </div>
    <div>
        <input type="email" name="email" placeholder="Email" id="email" autocomplete="off" required>
    </div>
    <div class="radio">
        <input type="radio" name="opt" value="Yes" checked> Receive Emails for Promotions and Newsletters
        <br>
        <input type="radio" name="opt" value="No"> Don't Receive Emails for Promotions and Newsletters
    </div>
    <div>
        <input type="password" name="new_password" placeholder="Enter Password" id="new_password" autocomplete="off" required>
    </div>
    <div>
        <input type="password" name="new_password2" id="new_password2" placeholder="Confirm Password" autocomplete="off" required>
    </div>
    <div>
        <input type="text" name="user-response" id="user-response">
    </div>
    <div>
        <input type="text" name="pass-response" id="pass-response">
    </div>
    <div>
        <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response">
    </div>

    <div>
        <button type="submit" id="reg_btn" class="button" name="register" disabled="disabled">Register Account</button>
    </div>
</form>

---

当用户输入不存在的用户名时，第一个“隐藏”输入字段将显示可用。当用户输入符合要求的匹配密码时，将显示match。当这两个字段显示available and match时，按钮应切换为enabled（已启用），但仍处于禁用状态。

考虑将jQuery

on.change（）

事件绑定到每个输入框。更改其中一个时，请检查（两者）是否都不为null，以及它们是否匹配所需的值。如果匹配“是”，则运行此

$（“#reg_btn”）.prop（“禁用”，false）我最后只是使用了一个复选框来触发事件，不过还是谢谢你的建议。
$(function(){
var user = $('#user-response').val();
var pass = $('#pass-response').val();
if(user === 'available' && pass === 'match'){
    $("#reg_btn").prop("disabled", false);
} else {
  $("#reg_btn").prop("disabled", true);
}
});