js控制文本框输入的字符类型方法汇总
更新时间：2015年06月19日 10:00:45 投稿：hebedich
这篇文章主要给大家汇总介绍了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(/[^\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;"
相关文章
这篇文章主要为大家详细介绍了原生javascript实现分页效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
这篇文章主要是对利用js实现前台动态添加文本框,后台获取文本框内容的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了JavaScript遍历数组和对象的元素简单操作,结合实例形式分析了javascript数组与对象元素遍历相关操作技巧与注意事项,需要的朋友可以参考下2019-07-07
javascript 折半查找字符在数组中的位置(有序列表)
折半查找字符在数组中的位置(有序列表)，需要的朋友可以参考下。2010-12-12
JS操作二进制很麻烦，而且一直没有一个好的无损压缩工具来实现纯文本的压缩。2010-04-04
在 JavaScript 中,内存泄露是指程序不再使用的内存没有被释放,从而导致内存的持续增长,最终可能导致性能下降或应用崩溃,本文整理了一些容易造成内存泄漏的操作以及预防方法,需要的可以了解下2024-12-12
很多时候我们需要Web页具备有自动跳转功能，例如，论坛中的用户登录、发帖及回复或留言簿中的留言和回复等操作成功后，若用户没有任何鼠标点击操作，过了一定的时间，页面自动跳转到预设的页面。2010-08-08
JS类库Bindows1.3中的内存释放方式分析...2007-03-03
这篇文章主要介绍了ionic3 懒加载的相关资料,需要的朋友可以参考下2017-08-08
通常我们有一份webpack.dev.config.js使用webpack-dev-server的proxy，代理到开发服务器，来解决本地跨域问题。假如项目变大，可能需要proxy到不同环境，那么如何解决webpack-dev-server代理常切换问题，下面就一起来了解一下2019-01-01
最新评论