JS限制输入的字数

最新推荐文章于 2022-10-25 09:46:53 发布

woxingwosu13

最新推荐文章于 2022-10-25 09:46:53 发布

阅读量4.9k

点赞数

文章标签： javascript iframe function input filter border

本文链接：https://blog.csdn.net/woxingwosu13/article/details/1599207

版权

      经常会碰到在输入的时候需要限制输入的字数（长度），如果用maxlength属性的话它对待中英文是一样的。比如<input name="textfield" type="text" size="10" maxlength="10">这样可以输入十个字母比如1234567890，但是也可以输入十个汉字比如：一二三四五六七八九十，但是明显后面那十个汉字是char(20)，如果数据库中字段的属性是char(10)，那么多余的就会截掉甚至导致最后一个字符出现乱码。
     于是我就曾经用JS来提示和控制输入字符的长度，代码如下：
     一、建立js文件(checkWord.js)：

function hiddWordDiv(){
document.getElementById("wordCheck").style.visibility="hidden";
}

      二、在页面上加入：
     <script type="text/javascript" src="checkWord.js"></script>
     ……
     <div style="position:absolute; width:155px;height=28px;z-index:100;border:#4298E1 solid 1px; background-color:#fff; visibility:hidden; FILTER: Alpha(opacity=85)" id="wordCheck">
     <iframe name="wordFrame" frameborder="0" id="wordFrame" style="width:155px; height:28px;z-index:101;" scrolling="no">
     </iframe>
     </div>
     注意：这里用到iframe是因为页面的控件比如下拉列表会浮在层的上面，就算设置z-index也无效。
    三、在需要用text中加入代码：
     <input type="text" size="70" maxlength="80" name="giftDescribe" οnkeyup="javascript:checkWord(80)" οnblur="javascript:hiddWordDiv()">

woxingwosu13

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
4
评论
JS限制输入的字数

经常会碰到在输入的时候需要限制输入的字数（长度），如果用maxlength属性的话它对待中英文是一样的。比如这样可以输入十个字母比如1234567890，但是也可以输入十个汉字比如：一二三四五六七八九十，但是明显后面那十个汉字是char(20)，如果数据库中字段的属性是char(10)，那么多余的就会截掉甚至导致最后一个字符出现乱码。于是我就曾经用JS来提示和控制输入字符的长
复制链接

扫一扫