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

   整个过程有三个步骤:
   第一步:建立js文件(checkWord.js,其中的汉字用的是unicode编码)

   第二步:在页面上加入下列代码
注:这里用到iframe是因为页面的控件比如下拉列表会浮在层的上面,就算设置z-index也无效

   第三步:在输入框中加入下列代码,例如:
posted on 2007-05-30 17:05 破茧而出 阅读(2393) 评论(5)  编辑  收藏 所属分类: JavaScript

FeedBack:
# re: JS提示和限制输入的字数[未登录]
2008-09-10 12:25 | a
兄弟不行呀  回复  更多评论
  
# re: JS提示和限制输入的字数
2008-11-27 10:36 | hoohey
哥们,window.event未定义提示!?  回复  更多评论
  
# re: JS提示和限制输入的字数
2008-11-27 11:34 | hoohey
我改了一下,
function checkWord(len,evt){
if(evt==null)
evt = window.event;

var src = evt.srcElement? evt.srcElement : evt.target;
var str=src.value.trim();//注意这里
...//下面一样
新增加
String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}
HTML调用的时候onkeyup="javascript:checkWord(80)" 改为
onkeyup="javascript:checkWord(80,event)"
这样就可以了.

http://www.17ggs.com  回复  更多评论
  
# re: JS提示和限制输入的字数
2012-03-06 14:14 | wouldfly123
very good 赞个  回复  更多评论
  
# re: JS提示和限制输入的字数
2012-03-06 14:51 | wouldfly123
能控制鼠标复制--粘贴内容 的事件么,鼠标焦点离开也不能控制,有方法控制么,求指教!
  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: