js控制文本框输入的字符类型方法汇总
js控制文本框输入的字符类型方法汇总
发布时间:2016-12-30 来源:查字典编辑
摘要: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;"

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类