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>