输入上的自举启用按钮
问题描述:
我有一些问题正确完成这项工作。 只要箱子中有任何字符,我想让我的“sendit”按钮启用(取消禁用)。 我已经尝试了多件事情,但我无法让它工作。 HTML的
部分:输入上的自举启用按钮
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
<input id="sendit" class="btn btn-lg btn-primary btn-block disabled" type="submit" value="Generate Codes"></input>
JS文件
$(document).ready(function() {
var pass_error = 1;
// Check name field
if (inputPassword === '') {
pass_error = 1;
} else {
pass_error = 0;
}
enableButton();
});
// verzendknop pas activeren nadat alles is ingevuld en gecontroleerd
function enableButton() {
if (pass_error!== 0) {
$('#btn btn-lg btn-primary btn-block').attr('disabled', 'disabled');
} else {
$('#btn btn-lg btn-primary btn-block').removeAttr('disabled');
}
};
});
答
你的代码只在DOM就绪检查字段一次。
你需要配合你的支票keyUp事件对现场:
$('my-field').keyUp(function() {
if($(this).val() === '') {
pass_error = 1;
} else {
pass_error = 0;
enableButton();
});
不要在你的''的HTML使用'disabled'类。 – cvrebert 2014-12-02 06:51:26