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;"
相关文章
作为前端开发,JS是重中之重,下面这篇文章主要给大家介绍了关于JavaScript常见手写题的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
本文主要对javascript实现图片切换（动画版）的方法进行步骤分析、实例介绍，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
这篇文章主要为大家详细介绍了js实现网页换肤功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了详解ECMAScript2019/ES10新属性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
这篇文章主要介绍了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法,涉及针对字符串参数的处理方法,需要的朋友可以参考下2016-08-08
这篇文章主要为大家详细介绍了JavaScript实现前端倒计时效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-02-02
这篇文章主要为大家详细介绍了bootstrap学习笔记中的css组件，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要介绍了灵活使用数组制作图片切换效果，js实现图片切换特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
本文为大家介绍下一个JS的日期格式化算法，具体实现如下，感兴趣的朋友可以参考下，希望对大家有所帮助2013-07-07
这篇文章主要介绍了JS中三种URI编码方式对比分析,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
最新评论