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 相关文章推荐
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
Feb 21 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
Sep 04 Javascript
Bootstrap模态框调用功能实现方法
Sep 19 Javascript
浅谈jquery的html方法里包含特殊字符的处理
Nov 30 Javascript
JS闭包可被利用的常见场景小结
Apr 09 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
get  post jsonp三种数据交互形式实例详解
Aug 25 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
Mar 13 Javascript
ES6模板字符串和标签模板的应用实例分析
Jun 25 Javascript
详解使用JWT实现单点登录(完全跨域方案)
Aug 02 Javascript
TypeScript的安装、使用、自动编译的实现
Apr 10 Javascript
$(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
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
thinkphp中连接oracle时封装方法无法用的解决办法
2013/06/17 PHP
php中__destruct与register_shutdown_function执行的先后顺序问题
2014/10/17 PHP
PHP实现动态执行代码的方法
2016/03/25 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
laravel实现前后台路由分离的方法
2019/10/13 PHP
关闭ie窗口清除Session的解决方法
2014/01/10 Javascript
jQuery代码实现发展历程时间轴特效
2015/07/30 Javascript
JavaScript的jQuery库插件的简要开发指南
2015/08/12 Javascript
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
jQuery ajaxForm()的应用
2016/10/14 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
使用微信小程序开发前端【快速入门】
2016/12/05 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
vue + element-ui实现简洁的导入导出功能
2017/12/22 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
vue2.0父子组件间传递数据的方法
2018/08/16 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
2020/12/26 Vue.js
[01:04]不如跳舞!DOTA2新英雄玛尔斯的欢乐日常
2019/03/11 DOTA
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
Python正则表达式实现截取成对括号的方法
2017/01/06 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
Python udp网络程序实现发送、接收数据功能示例
2019/12/09 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
一套带网友答案的.NET笔试题
2016/12/06 面试题
JPA的特点
2014/10/25 面试题
2014城乡环境综合治理工作总结
2014/12/19 职场文书
学校青年志愿者活动总结
2015/05/06 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python
Nginx报错104:Connection reset by peer问题的解决及分析
2022/07/23 Servers