输入实时检查

Question

我得到了一个输入字段和一个按钮

<input required id="solution" name="solution" type="text" placeholder=""class="form-control input-md">
<button style="background-color:#da251d;" id="sendForm" name="sendForm" class="btn btn-success">Send</button>

现在我想检查输入字段中的值，当值不正确时，按钮应该被取消，我像这样用js尝试

$(document).ready(function(){
$(“#solution”).keyup(function(){
if($(this).val() == ‘value’) {
$(‘#sendForm’).attr(‘disabled’,‘disabled);
}
else {
$(‘#sendForm’).removeattr(‘disabled’);
}
});
});

但是它不起作用，你能帮我吗？

Answer 1

我想你在 .removeAttr 上犯了错别字错误

$(document).ready(function(){
$("#solution").keyup(function(){
if($(this).val() == "value") {
$("#sendForm").attr("disabled","disabled");
}
else {
$("#sendForm").removeAttr("disabled");
}
});
});

Answer 2

您应该尝试使用"change"或"input"事件。它看起来类似于

$('#solution').on('change', function(){
// validation & toggle button state
})

有关更多活动文档： 改变

Answer 3

很简单！

代码不起作用，因为您使用引号 ("(但您应该使用的是字符串标记(">或'(。 工作代码：

$(document).ready(function(){
$("#solution").keyup(function(){
if($(this).val() == 'value') {
$('#sendForm').attr('disabled', 'disabled');
}
else {
$('#sendForm').removeAttr('disabled');
}
});
});

杰斯宾

Answer 4

嘿，这工作正常，

$("#solution").keyup(function(){
if($(this).val() == 'value') {
$('#sendForm').attr('disabled',false);
}
else {
$('#sendForm').attr('disabled',true);
}
});

您可以根据需要使用 attr 方法将禁用的属性设置为 true 或 false。

演示