js規定文字框只能夠輸入字母和數字
有時候文字框只能夠限制輸入字母或者數字,下面就通過程式碼例項介紹一下如何實現此效果。
先看一段程式碼例項:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var theText=document.getElementById("theText"); theText.onkeyup=function(){ this.value = this.value.replace(/[^a-zA-Z0-9]/g,""); } } </script> </head> <body> <input type="text" id="theText" /> </body> </html>
以上程式碼只能夠說部分實現了我們的功能,通過鍵盤輸入的時候能夠實現此功能,但是如果通過滑鼠黏貼的話就不行了,下面將程式碼修改如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var theText=document.getElementById("theText"); theText.onkeyup=function(){ this.value = this.value.replace(/[^a-zA-Z0-9]/g,""); } theText.onpaste=function(){ var _this=this; setTimeout(function(){ _this.value=_this.value.replace(/[^a-zA-Z0-9]/g, ""); }, 0); } } </script> </head> <body> <input type="text" id="theText" /> </body> </html>
以上程式碼可以完美實現我們的要求,無論是鍵盤輸入還是通過滑鼠複製黏貼都可以實現檢測功能。
相關文章
- js實現的文字框只能夠輸入數字JS
- 規定文字框只能夠輸入數字包括小數的jQuery程式碼jQuery
- 規定文字框只能夠輸入整數程式碼例項
- 如何設定文字框只能夠輸入數字程式碼例項
- JavaScript 文字框只能輸入數字JavaScript
- 文字框只能輸入數字 javascriptJavaScript
- JS只能輸入數字,數字和字母等的正規表示式JS
- 限制文字框只能夠輸入數字程式碼例項
- asp.net input文字框只能輸入數字jsASP.NETJS
- 文字框只能輸入數字程式碼
- jquery實現的規定文字框只能輸入數字可以包括小數jQuery
- ios OC 輸入框禁止輸入空格/去掉空格/只能輸入字母和數字iOS
- javascript規定文字框不能夠輸入空格JavaScript
- input 輸入框只能輸入數字
- jQuery實現的規定文字框中只能輸入正整數jQuery
- 限定文字框只能輸入數字例項程式碼
- 限制文字框只能輸入數字:Asp.net&C#ASP.NETC#
- 文字框限制輸入字數的JSJS
- input只能輸入文字框
- jquery實現的限制文字框只能夠輸入大於0整數jQuery
- 規定密碼以字母開頭只能包含字母、數字和下劃線密碼
- Vue只能輸入數字Vue
- Input 輸入框中 只能輸入正整數
- jquery實現的限制文字框只能輸入非負實數jQuery
- 只能由數字和字母組成的字串正規表示式字串
- Qt 實現文字輸入框,帶字數限制QT
- javascript實時顯示文字框輸入字數JavaScript
- 文字框輸入數字倒計例項程式碼
- 動態顯示:文字框字數(輸入還剩多少字)
- C# textbox只能輸入數字和小數點C#
- js實現的檢測文字框輸入是否是數字的程式碼JS
- 匹配字母、數字和中文字元正規表示式字元
- JS 文字輸入框放大鏡效果JS
- Angular.js 限制輸入框輸入內容,為純數字AngularJS
- jQuery文字框輸入數字彈出格式化層jQuery
- javascript驗證輸入文字框內容是否為數字JavaScript
- JavaScript 驗證輸入文字框內容是否為數字JavaScript
- 【新特性速遞】數字輸入框的字首和字尾(位於輸入框內部)