萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js控制文本框輸入的字符類型方法匯總

js控制文本框輸入的字符類型方法匯總

這篇文章主要給大家匯總介紹了js控制文本框輸入的字符類型的各種方法,十分的簡單實用,有需要的小伙伴可以參考下。    

JS 控制文本框只能輸入數字

 

 代碼如下:
<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')">

 

JS 控制文本框只能輸入數字、小數點

 

代碼如下:
<input onkeyup="value=value.replace(/[^-9.]/g,'')" onpaste="value=value.replace(/[^-9.]/g,'')" oncontextmenu ="value=value.replace(/[^-9.]/g,'')">

 

JS 控制文本框只能輸入英文

 

 代碼如下:
<input onkeyup="value=value.replace(/[^a-zA-Z]/g,'')" onpaste="value=value.replace(/[^a-zA-Z]/g,'')" oncontextmenu ="value=value.replace(/[^a-zA-Z]/g,'')">

 

JS 控制文本框只能輸入英文、數字

 

 代碼如下:
<input onkeyup="value=value.replace(/[^a-zA-Z0-9]/g,'')" onpaste="value=value.replace(/[^a-zA-Z0-9]/g,'')" oncontextmenu="value=value.replace(/[^a-zA-Z0-9]/g,'')">

 

JS 控制文本框只能輸入中文

 

代碼如下:
<input onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onpaste="value=value.replace(/[^u4E00-u9FA5]/g,'')" oncontextmenu="value=value.replace(/[^u4E00-u9FA5]/g,'')">

 

JS 控制文本框只能輸入中文、英文、數字

 

 代碼如下:
<input onkeyup="value=value.replace(/[^a-zA-Z0-9u4E00-u9FA5]/g,'')" onpaste="value=value.replace(/[^a-zA-Z0-9u4E00-u9FA5]/g,'')" oncontextmenu ="value=value.replace(/[^a-zA-Z0-9u4E00-u9FA5]/g,'')">

 

JS 控制文本框只能輸入中文、英文、數字、空格

 

代碼如下:
<input onkeyup="value=value.replace(/[^a-zA-Z0-9u4E00-u9FA5]/g,'')" onpaste="value=value.replace(/[^a-zA-Z0-9u4E00-u9FA5]/g,'')" oncontextmenu ="value=value.replace(/[^a-zA-Z0-9u4E00-u9FA5]/g,'')">

 

JS 控制文本框只能輸入中文、英文、數字、小數點

 

 代碼如下:
<input onkeyup="value=value.replace(/[^a-zA-Z0-9u4E00-u9FA5.]/g,'')" onpaste="value=value.replace(/[^a-zA-Z0-9u4E00-u9FA5.]/g,'')" oncontextmenu ="value=value.replace(/[^a-zA-Z0-9u4E00-u9FA5.]/g,'')">

 

總而言之:

先在‘<input>' 裡輸入

onkeyup="value=value.replace(/[^X]/g,'')"

然後在(/[X]/g,'')裡的 X換成你想輸入的代碼就可以了,

中文u4E00-u9FA5,數字0-9,英文a-zA-Z,其它符號@、點或其它符號。

也可以多個,用隔開就行了。
例如:中英文 + 數字 + @符號 + 點符號 a-zA-Z0-9u4E00-u9FA5@.

若想在文本框裡不能右鍵彈出菜單和不能粘貼進復制的信息的話

就要在'<input>'裡輸入onpaste="return false" oncontextmenu="return false;"

copyright © 萬盛學電腦網 all rights reserved