HTML设置input输入最大字符长度

        在HTMLinput 文本类型有个属性为:maxlength="8" 加上这个属性就能限制文本框输入的字符长度了。同时也可以通过js来监听当长度超过了指定的长度时并对input中的字符串获取并截取到指定的长度再写入到input中,并加以提示给用户。

<input id="id" type="text" maxlength="8" />
 
$('#id').bind('input propertychange',function(){ //添加监听input值的改变事件
   var tvalmum;
     //统计input输入字段的长度
   tvalnum = $(this).val().length;
   //如果大于8个字直接进行字符串截取
   if(tvalnum>8){          
     var tval = $(this).val();        
     tval = tval.substring(0,8);        
     $(this).val(tval);
     alert('长度超过限制!'); 
   }
});

通过maxlength 属性和js input值的改变事件监听,当字符长度超过指定长度时对齐进行截取并弹窗提示给用户提示操作,从而限制input中字数长度的限制。

CTRL+D快速收藏,欢迎常来喔

未经允许不得转载:作者: 微6G, 转载或复制请以 超链接形式 并注明出处 微6G资源网
原文地址: 《HTML设置input输入最大字符长度》 发布于2020年9月12日
本站唯一域名地址:《www.v6g.cn》 除此外均为非法镜像!

本文链接:HTML设置input输入最大字符长度 - https://www.v6g.cn/265.html

本文标签:

相关推荐
发表评论
您需要登录后才可以回复 登录 | QQ登录
0 评论
还没有评论,快来抢沙发吧!