jquery keyup函数：使用keyup（）启用/禁用文本框
[英]jquery keyup function: enabling/disabling a textbox using keyup()
问题描述
我试图使用键盘功能禁用文本框。 我有一个TextArea和一个文本框 。 现在我在退格键上使用键盘操作，就像textarea中的内容长度是3一样，它应该禁用文本框。 我还有一条警报消息，当文本区域中的内容长度为3时弹出。但代码适用于弹出窗口，但它对文本框不起作用。 我错过了什么？ 请帮忙。 这是我的代码：
$('#comment').keyup(function() {
if (event.which == 8) {
var txt = $('#comment').val().length;
if(txt == 3)
{
alert("backspace");
$("#text1").attr("diasbled", "diasbled");
}
}
});
这是JSfiddle的目的。
4 个解决方案
解决方案1
4 已采纳 2014-04-24 07:12:57
你在这里有一些错字它应该被disabled而不是diasbled试试这个
$('#comment').keyup(function () {
var len = $(this).val().length;
if (len >= 3) {
$("#text1").prop("disabled", true);
}
else{
$("#text1").prop("disabled", false);
}
});
解决方案2
3 2014-04-24 07:10:57
解决方案3
1 2014-04-24 07:12:48
使用prop而不是attr也将事件传递给函数
$('#comment').keyup(function (event) { //and event here
if (event.which == 8) {
if ($(this).val().length >= 3) {
$("#text1").prop("disabled", true);
}
}
});
解决方案4
1 2014-04-24 07:18:36
你的代码很好......但是你错误地将代码中的“禁用”。 这是样品..
<html>
<head>
<title>js test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<input type="text" value="" id="comment" />
<input type="text" value="" id="text1" />
<script type="text/javascript">
$(document).ready(function()
{
$('#comment').keyup(function(e) {
if (e.which == 8) {
var txt = $('#comment').val().length;
if(txt == 3)
{
alert("backspace");
$("#text1").attr("disabled", "disabled");
}
}
});
});
</script>
</body>
jQuery 在循环中使用 keyup 函数
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.