javascript規定文字框不能夠輸入空格
本章節介紹一下如何限制文字框內不能夠輸入空格字元,其實在表單中機會百分之百都會有這樣的要求。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> </style> <script type="text/javascript"> window.onload=function() { var inputs=document.getElementsByTagName("input"); for (var i=0;i<inputs.length; i++) { if(inputs<i>.getAttribute("type")=="text") inputs<i>.onkeyup=function(){ this.value=this.value.replace(/(^\s+)|\s+$/g,""); } } } </script> </head> <body> <input type="text" name="thetext" /> </body> </html> </i></i>
相關文章
- JavaScript 文字框只能輸入數字JavaScript
- 直播系統原始碼,Vue 禁止輸入框輸入空格原始碼Vue
- JavaScript實時計算輸入文字框字元數量JavaScript字元
- 文字框輸入文字倒計詳解
- 文字框文字輸入數量倒計效果
- 文字框限制輸入字數效果
- vue 輸入框輸入4位一空格,控制16位有效字元Vue字元
- 文字框限制輸入字數的JSJS
- Objective-C:多行文字輸入框(UITextView)ObjectUITextView
- Axure之解決文字框無法輸入
- JavaScript–文字框中只允許輸入數字的操作(其他字元不顯示)JavaScript字元
- Qt 實現文字輸入框,帶字數限制QT
- Web聊天工具的富文字輸入框Web
- 輸入框
- 實現高度“聽話”的多行文字輸入框
- html input文字輸入框的一些總結HTML
- Flutter 密碼輸入框 驗證碼輸入框Flutter密碼
- react輸入框輸入中文bugReact
- HTML如何輸入多個空格HTML
- WPF 自定義文字框輸入法 IME 跟隨游標
- jQuery文字框輸入數字彈出格式化層jQuery
- win10輸入框無法貼上怎麼處理 win10輸入框不能貼上如何修復Win10
- 微信小程式input輸入框設定最大可輸入字元數量微信小程式字元
- input 輸入框只能輸入數字
- 從一次輸入框無法輸入的bug,談如何限制輸入框輸入型別型別
- 直播小程式原始碼,react-native自定義文字輸入框原始碼React
- 動態顯示:文字框字數(輸入還剩多少字)
- win10 ctrl加空格怎麼不能切換搜狗輸入法解決方法Win10
- imemode 控制輸入法,控制輸入框的輸入法
- JavaScript帶下拉選單的文字框JavaScript
- Win10系統下搜尋框變成了灰色不能輸入不能用如何解決Win10
- 直播軟體開發,限制富文字框輸入的字元數上限字元
- 利用 Angular Directive 和 @HostBinding 實現輸入文字框隨著鍵盤輸入自動變色效果Angular
- flutter TextField 輸入框元件Flutter元件
- Input 輸入框中 只能輸入正整數
- javascript實現文字框標籤驗證JavaScript
- Java 設定Word文字框中的文字旋轉方向Java
- Flutter 驗證碼輸入框Flutter
- 輸入框換行問題