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与函数式编程解释
Apr 27 Javascript
prototype Element学习笔记(篇二)
Oct 26 Javascript
JS 日期验证正则附asp日期格式化函数
Sep 11 Javascript
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
Sep 06 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
Oct 26 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
Sep 27 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
Oct 17 Javascript
vue中axios封装使用的完整教程
Mar 03 Vue.js
文本框只能输入数字的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设计模式 Builder(建造者模式)
2011/06/26 PHP
php分页函数完整实例代码
2014/09/22 PHP
大家都应该掌握的PHP关联数组使用技巧
2015/12/25 PHP
PHP正则表达式笔记与实例详解
2019/05/09 PHP
javaScript 利用闭包模拟对象的私有属性
2011/12/29 Javascript
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
2013/01/06 Javascript
jQuery ui插件的使用方法代码实例
2013/05/08 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
浅析JSONP技术原理及实现
2016/06/08 Javascript
jQuery实现的placeholder效果完整实例
2016/08/02 Javascript
Vue实现双向绑定的方法
2016/12/22 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
2017/02/07 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
2017/06/26 jQuery
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
Servlet3.0与纯javascript通过Ajax交互的实例详解
2018/03/18 Javascript
详解使用vue-admin-template的优化历程
2018/05/20 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
回顾Javascript React基础
2019/06/15 Javascript
Vue实现购物车详情页面的方法
2019/08/20 Javascript
浅谈layui里的上传控件问题
2019/09/26 Javascript
Vue项目中如何使用Axios封装http请求详解
2019/10/23 Javascript
为Python的web框架编写前端模版的教程
2015/04/30 Python
Python设置默认编码为utf8的方法
2016/07/01 Python
Django forms表单 select下拉框的传值实例
2019/07/19 Python
解决pycharm修改代码后第一次运行不生效的问题
2021/02/06 Python
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
咖啡厅创业计划书范本
2014/01/22 职场文书
工程类专业自荐信范文
2014/03/09 职场文书
向领导表决心的话
2014/03/11 职场文书
新年主持词
2014/03/27 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
背起爸爸上学观后感
2015/06/08 职场文书