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 破繭而出 閱讀(2411) 評論(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
          能控制鼠標復制--粘貼內容 的事件么,鼠標焦點離開也不能控制,有方法控制么,求指教!
            回復  更多評論
            
          主站蜘蛛池模板: 靖西县| 壤塘县| 额济纳旗| 灵丘县| 惠州市| 娄烦县| 抚顺市| 象山县| 莒南县| 兰考县| 兖州市| 于都县| 福安市| 绥滨县| 阜康市| 扶沟县| 仁化县| 揭西县| 德兴市| 永吉县| 定结县| 吕梁市| 宁德市| 裕民县| 敖汉旗| 泸州市| 乃东县| 固安县| 龙川县| 德钦县| 昌平区| 陵川县| 芜湖县| 方正县| 滨海县| 扎兰屯市| 台湾省| 林甸县| 峨眉山市| 渝中区| 遂平县|