我如何获得一个表格，以停止后的窗帘数量的字符

How do I get a form to stop after a curtain amount of charackters?

本文关键字：字符 何获得 表格 一个      更新时间：2023-09-26

所以我得到了这个代码，但我不知道如何让它在大量字符之后停止，我该怎么做？提前感谢您的回答！。

<!doctype html>
<html>
<head>
<title>Hover</title>
<script type="text/javascript"
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-
1.8.1.min.js">
</script>
</head>
<body>
<h1>Keyup</h1>
<hr>
<form action="#">
<textarea rows="10" cols="20" id="message" name="message">
</textarea>
<p>Characters remaining: <span id="remaining">50</span></p>
</form>
<script type="text/javascript">
$(document).ready(function(){
	var maxCharacters = 50;
	$("#message").on("keyup", function(){
		var currentVal = $("#message").val().length;
		var totalRemaining = maxCharacters - currentVal;
		$("#remaining").text(totalRemaining);
	});
});
	
	
</script>
</body>
</html>

最快的解决方案（无需任何js编码）是设置maxlength。

<textarea maxlength="50" rows="10" cols="20" id="message" name="message"></textarea>

尝试DEMO

$(document).ready(function(){
    var maxCharacters = 50;
    $("#message").on("keyup keydown", function(event){
        var currentVal = $("#message").val().length;
        var totalRemaining = maxCharacters - currentVal;
        if(+$(this).val().length >= maxCharacters)
            event.preventDefault(); // stop the default action of the event
        $("#remaining").text(totalRemaining);
    });
});

希望它能帮助。。。

这就是黑输入的方式：

   $("#message").attr("disabled");

您需要将此代码添加到侦听器中，无论是在keyup函数中还是在上

$(document).ready(function(){
    var maxCharacters = 50;
    $("#message").on("keyup", function(){
        var currentVal = $("#message").val().slice(0, maxCharacters);
        $("#message").val(currentVal);
        var totalRemaining = maxCharacters - currentVal.length;
        $("#remaining").text(totalRemaining); 
    });
});
相关文章：