js控制文本框输入的字符类型方法汇总

180 阅读 0 评论 119 点赞

我是靠谱客的博主无私棒球，最近开发中收集的这篇文章主要介绍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;"