jquery如何实现文本框输入内容超过长度不允许输入

Posted 2023-03-29

这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步：

var $inputs = $(".example-input");======$inputs.keyup(function(============$inputs.val($(this).val()););

jQuery是一个快速、简洁的javascript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化html文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

参考技术A 你可以直接修改输入框的属性maxlength。比如
<input type="text" maxlength="5"/>
如果你一定要使用jquery改变的话，那就改变元素的属性。
比如有这么一个元素
<input type="text" id="txt1" />
那么使用jquery可以用
$("txt1").attr(maxlength:"5");
来设置！ 参考技术B 使用onkeyup和onkeydown事件追问

您能详细的解释一下吗？

追答

function check(obj)
var value = $(obj).val();
var length = value.length;
//假设长度限制为10
if(length>10)
//截取前10个字符
value = value.substring(0,10);
alert(length);
$(obj).attr("value",value);



楼上的回答是使用的输入框的属性来做的，也是可行的。我这个可以在JS里面增加代码来提示用户。

本回答被提问者采纳