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 浮点数运算 精度问题
Oct 06 Javascript
突发奇想的一个jquery插件
Nov 19 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 Javascript
javascript之Partial Application学习
Jan 10 Javascript
jQuery实现图像旋转动画效果
May 29 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
Jun 16 Javascript
5 种JavaScript编码规范
Jan 30 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
详解vue项目中实现图片裁剪功能
Jun 07 Javascript
Vue父组件向子组件传值以及data和props的区别详解
Mar 02 Javascript
JavaScript如何使用插值实现图像渐变
Jun 28 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
用PHP动态生成虚拟现实VRML网页
2006/10/09 PHP
PHP中开启gzip压缩的2种方法
2015/01/31 PHP
CI框架整合widget(页面格局)的方法
2016/05/17 PHP
深入理解PHP中的empty和isset函数
2016/05/26 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
详解php用static方法的原因
2018/09/12 PHP
JavaScript 面向对象编程(1) 基础
2010/05/18 Javascript
通过Jquery遍历Json的两种数据结构的实现代码
2011/01/19 Javascript
JavaScript 的继承
2011/10/01 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
Javascript基础回顾之(二) js作用域
2017/01/31 Javascript
Javascript 严格模式use strict详解
2017/09/16 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
浅谈Angular7 项目开发总结
2018/12/19 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
vue路由守卫,限制前端页面访问权限的例子
2019/11/11 Javascript
JS实现星星海特效
2019/12/24 Javascript
Python使用logging模块实现打印log到指定文件的方法
2018/09/05 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
简单了解python关系(比较)运算符
2019/07/08 Python
Python如何应用cx_Oracle获取oracle中的clob字段问题
2019/08/27 Python
django中瀑布流写法实例代码
2019/10/14 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
Python3和PyCharm安装与环境配置【图文教程】
2020/02/14 Python
详解pandas获取Dataframe元素值的几种方法
2020/06/14 Python
html5中嵌入视频自动播放的问题解决
2020/05/25 HTML / CSS
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
KEETSA环保床垫:更好的睡眠,更好的生活!
2016/11/24 全球购物
卡塔尔航空官方网站:Qatar Airways
2017/02/08 全球购物
无故旷工检讨书
2014/01/26 职场文书
护士自荐信范文
2015/03/25 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
农村党支部承诺书
2015/04/30 职场文书
日本读研:怎样写好一篇日本研究计划书?
2019/07/15 职场文书
详解nginx进程锁的实现
2021/06/14 Servers
德生2P3收音机开箱评测
2022/04/30 无线电