我有这个HTML:
<input type="text" name="textField" />
<input type="submit" value="send" />
我怎么做这样的事情:
当文本字段为空时，提交应该被禁用(disabled="disabled")。 当在文本字段中键入内容以删除禁用属性时。 如果文本字段再次变为空(文本被删除)，提交按钮应该再次禁用。
我是这样做的:
$(document).ready(function(){
$('input[type="submit"]').attr('disabled','disabled');
$('input[type="text"]').change(function(){
if($(this).val != ''){
$('input[type="submit"]').removeAttr('disabled');
}
});
});
但是不管用。什么好主意吗?
当前回答
埃里克，当用户输入文本然后删除所有文本时，你的代码似乎对我不起作用。如果有人遇到同样的问题，我创建了另一个版本。来吧，伙计们:
$('input[type="submit"]').attr('disabled','disabled');
$('input[type="text"]').keyup(function(){
if($('input[type="text"]').val() == ""){
$('input[type="submit"]').attr('disabled','disabled');
}
else{
$('input[type="submit"]').removeAttr('disabled');
}
})
其他回答
看看我项目中的这个片段
$("input[type="submit"]", "#letter-form").on("click",
function(e) {
e.preventDefault();
$.post($("#letter-form").attr('action'), $("#letter-form").serialize(),
function(response) {// your response from form submit
if (response.result === 'Redirect') {
window.location = response.url;
} else {
Message(response.saveChangesResult, response.operation, response.data);
}
});
$(this).attr('disabled', 'disabled'); //this is what you want
所以在你的操作执行后禁用按钮
(美元)。attr(“禁用”,“禁用”);
或者对于我们这些不喜欢用jQ处理每一件小事的人来说:
document.getElementById("submitButtonId").disabled = true;
埃里克，当用户输入文本然后删除所有文本时，你的代码似乎对我不起作用。如果有人遇到同样的问题，我创建了另一个版本。来吧，伙计们:
$('input[type="submit"]').attr('disabled','disabled');
$('input[type="text"]').keyup(function(){
if($('input[type="text"]').val() == ""){
$('input[type="submit"]').attr('disabled','disabled');
}
else{
$('input[type="submit"]').removeAttr('disabled');
}
})
我们可以简单地使用if & else。如果你的输入是空的，我们可以有
if($(#name).val() != '') {
$('input[type="submit"]').attr('disabled' , false);
}
否则我们可以把false变成true
Try
let check = inp=> inp. nextelementsibling .disabled = ! <input type="text" name="textField" oninput="check(this)" / > <input type="submit" value="send" disabled />
