這篇文章主要給大家匯總介紹了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;"