首页 > 编程 > JavaScript > 正文

JS实现控制文本框的内容

2019-11-20 09:31:05
字体:
来源:转载
供稿:网友

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;"

以上这篇JS实现控制文本框的内容就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

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