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 破繭而出 閱讀(2410) 評論(5)  編輯  收藏 所屬分類: JavaScript

          FeedBack:
          # re: JS提示和限制輸入的字數[未登錄]
          2008-09-10 12:25 | a
          兄弟不行呀  回復  更多評論
            
          # re: JS提示和限制輸入的字數
          2008-11-27 10:36 | hoohey
          哥們,window.event未定義提示?。?nbsp; 回復  更多評論
            
          # 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
          能控制鼠標復制--粘貼內容 的事件么,鼠標焦點離開也不能控制,有方法控制么,求指教!
            回復  更多評論
            
          主站蜘蛛池模板: 彰武县| 克拉玛依市| 游戏| 博客| 惠安县| 卢氏县| 安仁县| 甘谷县| 天水市| 渭源县| 庄浪县| 资溪县| 绥棱县| 台东市| 株洲市| 宁波市| 定结县| 梁山县| 呼图壁县| 德安县| 阳原县| 无锡市| 石棉县| 于田县| 桃园县| 唐河县| 海南省| 和平区| 博野县| 昌图县| 呼和浩特市| 宜春市| 松滋市| 吴旗县| 永昌县| 鲁甸县| 莱州市| 赣榆县| 东海县| 津南区| 黎平县|