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

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

$(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);
}
});

当用户输入不存在的用户名时，第一个“隐藏”输入字段将显示为可用。当用户输入符合要求的匹配密码时，它将显示匹配内容。当这两个字段显示为可用并匹配时，按钮应切换为启用，但仍保持禁用状态。