javascript 控制input只允许输入的各种指定内容


Posted in Javascript onJune 19, 2014

1、只允许输入数字

<input name="username" type="text"
onkeyup="value=this.value.replace(/\D+/g,'')">

2、只允许输入英文字母、数字和下划线(以下二种方法实现)

<input name="username" type="text"
style="ime-mode:disabled">
<input name="username" type="text"
onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

3、只允许输入英文字母、数字和=@#

<input name="username" type="text" onkeyup="value=value.replace(/[^\w=@#]|_/ig,'')">

4、只允许输入汉字

<input name="username" type="text"
onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

1、只允许输入数字

<input name="username" type="text"
onkeyup="value=this.value.replace(/\D+/g,'')">

2、只允许输入英文字母、数字和下划线(以下二种方法实现)

<input name="username" type="text"
style="ime-mode:disabled">
<input name="username" type="text"
onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

3、只允许输入英文字母、数字和=@#

<input name="username" type="text"
onkeyup="value=value.replace(/[^\w=@#]|_/ig,'')">

4、只允许输入汉字

<input name="username" type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

只能输入数字:"^[0-9]*$"。
只能输入n位的数字:"^\d{n}$"。
只能输入至少n位的数字:"^\d{n,}$"。

只能输入m~n位的数字:。"^\d{m,n}$"
只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。

只能输入有两位小数的正实数:"^[0-9]+(.[0-9]{2})?$"。

只能输入有1~3位小数的正实数:"^[0-9]+(.[0-9]{1,3})?$"。
只能输入非零的正整数:"^\+?[1-9][0-9]*$"。

只能输入非零的负整数:"^\-[1-9][]0-9"*$。
只能输入长度为3的字符:"^.{3}$"。

只能输入由26个英文字母组成的字符串:"^[A-Za-z]+$"。
只能输入由26个大写英文字母组成的字符串:"^[A-Z]+$"。

只能输入由26个小写英文字母组成的字符串:"^[a-z]+$"。
只能输入由数字和26个英文字母组成的字符串:"^[A-Za-z0-9]+$"。

只能输入由数字、26个英文字母或者下划线组成的字符串:"^\w+$"。

验证用户密码:"^[a-zA-Z]\w{5,17}$"正确格式为:以字母开头,长度在6~18之间,只能包含字符、数字和下划线。

验证是否含有^%&',;=?$\"等字符:"[^%&',;=?$\x22]+"。

只能输入汉字:"^[\u4e00-\u9fa5]{0,}$"

只能输入数字和小数点,防粘贴:

<input type=""text" onkeyup="value=value.replace(/[^0-9.]/g,''),dxfqlld();" onpaste="value=value.replace(/[^0-9.]/g,'')" oncontextmenu="value=value.replace(/[^0-9.]/g,'')" />
Javascript 相关文章推荐
Js 订制自己的AlertBox(信息提示框)
Jan 09 Javascript
JS将表单导出成EXCEL的实例代码
Nov 11 Javascript
Javascript玩转继承(一)
May 08 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
Dec 22 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
Mar 26 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
Jun 10 Javascript
JavaScript基本数据类型及值类型和引用类型
Aug 25 Javascript
js排序与重组的实例讲解
Aug 28 Javascript
vue slot与传参实例代码讲解
Apr 28 Javascript
继承行为在 ES5 与 ES6 中的区别详解
Dec 24 Javascript
微信小程序实现拨打电话功能的示例代码
Jun 28 Javascript
Vue实现跑马灯样式文字横向滚动
Nov 23 Vue.js
$(document).ready(function() {})不执行初始化脚本
Jun 19 #Javascript
对之前写的jquery分页做下升级
Jun 19 #Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
Jun 19 #Javascript
jQuery常用操作方法及常用函数总结
Jun 19 #Javascript
javascript使用正则控制input输入框允许输入的值方法大全
Jun 19 #Javascript
java和javascript获取word文档的书签位置对比
Jun 19 #Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 #Javascript
You might like
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
Prototype Selector对象学习
2009/07/23 Javascript
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
用jquery.sortElements实现table排序
2014/05/04 Javascript
ztree获取当前选中节点子节点id集合的方法
2015/02/12 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
2016/07/01 Javascript
JS选取DOM元素的简单方法
2016/07/08 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
js实现1,2,3,5数字按照概率生成
2017/09/12 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
js指定日期增加指定月份的实现方法
2018/12/19 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
2019/05/10 Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
2019/08/07 Javascript
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
小程序角标的添加及绑定购物车数量进行实时更新的实现代码
2020/12/07 Javascript
神经网络理论基础及Python实现详解
2017/12/15 Python
Django的用户模块与权限系统的示例代码
2019/07/24 Python
Django继承自带user表并重写的例子
2019/11/18 Python
Python猴子补丁知识点总结
2020/01/05 Python
python 画条形图(柱状图)实例
2020/04/24 Python
matplotlib jupyter notebook 图像可视化 plt show操作
2020/04/24 Python
Python多线程:主线程等待所有子线程结束代码
2020/04/25 Python
简单了解如何封装自己的Python包
2020/07/08 Python
Python接口自动化测试框架运行原理及流程
2020/11/30 Python
基于html5 canvas实现漫天飞雪效果实例
2014/09/10 HTML / CSS
土木工程专业个人求职信
2013/12/30 职场文书
餐厅采购员岗位职责
2014/03/06 职场文书
学雷锋倡议书
2015/01/19 职场文书
伏羲庙导游词
2015/02/09 职场文书
2015年健康教育工作总结
2015/04/10 职场文书
地道战观后感400字
2015/06/04 职场文书
班干部学习委员竞选稿
2015/11/20 职场文书
导游词之天津盘山
2019/11/01 职场文书
MySQL 数据库范式化设计理论
2022/04/22 MySQL