Javascript onkeyup事件不适用于rails

Javascript onkeyup事件不适用于rails,javascript,jquery,ruby-on-rails,Javascript,Jquery,Ruby On Rails,这是此问题的查看代码片段 <div class="col-md-6"> <div class="form-group form-merchant"> <%= f.password_field :password, class: "form-control inputs",placeholder:"Password" , required: true , id: 'password' , onchange: 'disableregi

这是此问题的查看代码片段

    <div class="col-md-6">
      <div class="form-group form-merchant">
        <%= f.password_field :password, class: "form-control inputs",placeholder:"Password" , required: true , id: 'password' , onchange: 'disableregisterbutton()'  %>
      </div>
    </div>

    <div class="col-md-6">
      <div class="form-group form-merchant">
        <%= f.password_field :password_confirmation, class: "form-control inputs",placeholder:"Confirm Password" , required: true , id: 'confirm_password' , onkeyup: 'disableregisterbutton()'  %>
      </div>
    </div>

<div class="row">

  <%= f.submit "Register" ,class:"btn btn-primary btn-merchant-reg",style:"float:right;margin-right:-90px;height:50px;width:150px;", id: "register"  %>

</div>

javascript代码片段在这里

**


函数disableregisterbutton(){
var a=document.getElementById(“确认密码”).value;
var b=document.getElementById(“密码”).value;
如果(a==b){
document.getElementById(“寄存器”).disabled=false
}否则{
document.getElementById(“寄存器”).disabled=true
}
}

您需要在默认情况下禁用“提交”按钮,并在更改“确认密码”值时相应地禁用true或false



您使用的是jquery吗?@gabbar Javascript控制台中有错误吗?$('confirm_password').keyup(函数(){if($('confirm_password').val()==$('password').val()){$('register').prop('disabled',false);}否则{$('register').prop('disabled',true)}当我在确认密码字段上键入时,它不会给出任何控制台错误,它会给出新的:1050未捕获类型错误:document.getElementById(…).prop不是disableregisterbutton(new:1050)的函数hmm只使用一个jquery或javascript。使用setAttribute代替prop。
    <div class="col-md-6">
      <div class="form-group form-merchant">
        <%= f.password_field :password_confirmation, class: "form-control inputs",placeholder:"Confirm Password" , required: true , id: 'confirm_password' , onkeyup: 'disableregisterbutton()'  %>
      </div>
    </div>

<div class="row">

  <%= f.submit "Register" ,class:"btn btn-primary btn-merchant-reg",style:"float:right;margin-right:-90px;height:50px;width:150px;", id: "register", disabled: true%>

</div



<script type="text/javascript">
    function disableregisterbutton() {
        //var a = $('#confirm_password').val();
        //var b = $("#password").val();
        //for javascript
        var a = document.getElementById("confirm_password").value;
        var b = document.getElementById("password").value ;
        if (a == b){
            //$("#register").prop('disabled', false);
            document.getElementById("register").prop('disabled', false);
        }else {
            //("#register").prop('disabled', true);
              document.getElementById("register").prop('disabled', true);
        }
    }
</script>