首页 > 编程 > JavaScript > 正文

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

2019-11-20 12:12:39
字体:
来源:转载
供稿:网友

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(/[^/0-9/.]/g,'')" onpaste="value=value.replace(/[^/0-9/.]/g,'')"  oncontextmenu ="value=value.replace(/[^/0-9/.]/g,'')">

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

复制代码 代码如下:

<input onkeyup="value=value.replace(/[^/a-/z/A-/Z]/g,'')" onpaste="value=value.replace(/[^/a-/z/A-/Z]/g,'')" oncontextmenu ="value=value.replace(/[^/a-/z/A-/Z]/g,'')">

JS 控制文本框只能输入英文、数字

复制代码 代码如下:

<input onkeyup="value=value.replace(/[^/a-/z/A-/Z0-9]/g,'')" onpaste="value=value.replace(/[^/a-/z/A-/Z0-9]/g,'')" oncontextmenu="value=value.replace(/[^/a-/z/A-/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-/z/A-/Z0-9/u4E00-/u9FA5]/g,'')" onpaste="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5]/g,'')" oncontextmenu ="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字、空格

复制代码 代码如下:

<input onkeyup="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/]/g,'')" onpaste="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/]/g,'')" oncontextmenu ="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/]/g,'')">

JS 控制文本框只能输入中文、英文、数字、小数点

复制代码 代码如下:

<input onkeyup="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/.]/g,'')" onpaste="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/.]/g,'')" oncontextmenu ="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/.]/g,'')">

总而言之:

 先在‘<input>' 里输入

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

然后在(/[/X]/g,'')里的 X换成你想输入的代码就可以了,

中文u4E00-u9FA5,数字0-9,英文a-z/A-Z,其它符号@、点或其它符号。

也可以多个,用/隔开就行了。
例如:中英文 + 数字 + @符号 + 点符号  /a-/z/A-/Z0-9/u4E00-/u9FA5/@/.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话

就要在'<input>'里输入onpaste="return false" oncontextmenu="return false;"

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表