JS实现控制文本框的内容


Posted in Javascript onJuly 10, 2016

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 相关文章推荐
用原生JavaScript实现jQuery的$.getJSON的解决方法
May 03 Javascript
将两个div左右并列显示并实现点击标题切换内容
Oct 22 Javascript
jquery easyui 结合jsp简单展现table数据示例
Apr 18 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 Javascript
XML、HTML、CSS与JS的区别整理
Feb 18 Javascript
JQuery validate插件验证用户注册信息
May 11 Javascript
Bootstrap学习笔记之js组件(4)
Jun 12 Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 Javascript
利用js+css+html实现固定table的列头不动
Dec 08 Javascript
vue组件创建的三种方式小结
Feb 03 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
May 23 Javascript
文本框只能输入数字的js代码(含小数点)
Jul 10 #Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
Jul 10 #Javascript
JS实现点击事件统计的简单实例
Jul 10 #Javascript
JS 面向对象之继承---多种组合继承详解
Jul 10 #Javascript
js生成随机数(指定范围)的实例代码
Jul 10 #Javascript
JS获取随机数和时间转换的简单实例
Jul 10 #Javascript
JS生成不重复的随机数组的简单实例
Jul 10 #Javascript
You might like
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
PHP 定界符 使用技巧
2009/06/14 PHP
初次接触php抽象工厂模式(Elgg)
2010/03/21 PHP
PHP与MongoDB简介|安全|M+PHP应用实例详解
2013/06/17 PHP
php.ini 配置文件的深入解析
2013/06/17 PHP
php 启动时报错的简单解决方法
2014/01/27 PHP
PHP脚本监控Nginx 502错误并自动重启php-fpm
2015/05/13 PHP
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
2013/07/09 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
JavaScript插件化开发教程 (四)
2015/01/27 Javascript
bootstrap网页框架的使用方法
2016/05/10 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
2018/07/09 jQuery
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
js通过canvas生成图片缩略图
2020/10/02 Javascript
[01:18:43]2014 DOTA2华西杯精英邀请赛5 24 iG VS DK
2014/05/25 DOTA
Python实现监控程序执行时间并将其写入日志的方法
2015/06/30 Python
python技能之数据导出excel的实例代码
2017/08/11 Python
Python3多线程基础知识点
2019/02/19 Python
Python3获取拉勾网招聘信息的方法实例
2019/04/03 Python
python数组循环处理方法
2019/08/26 Python
Python 正则表达式爬虫使用案例解析
2019/09/23 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
python try...finally...的实现方法
2020/11/25 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
超市仓管员岗位职责
2014/04/07 职场文书
学生评语大全
2014/04/18 职场文书
观看信仰心得体会
2014/09/04 职场文书
HTML页面滚动时部分内容位置固定不滚动的实现
2021/04/14 HTML / CSS
Win11 BitLocker 驱动器加密
2022/04/19 数码科技
MySQL中order by的执行过程
2022/06/05 MySQL