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 相关文章推荐
IE8 下的Js错误HTML Parsing Error...
Aug 14 Javascript
Javascript 中介者模式实例
Dec 16 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
Nov 22 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
Jul 27 Javascript
Js 获取、判断浏览器版本信息的简单方法
Aug 08 Javascript
Angular在一个页面中使用两个ng-app的方法
Feb 20 Javascript
JavaScript 巧学巧用
May 23 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
Aug 07 Javascript
vue修改对象的属性值后页面不重新渲染的实例
Aug 09 Javascript
vue+element树组件 实现树懒加载的过程详解
Oct 21 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
May 20 Javascript
javascript中Set、Map、WeakSet、WeakMap区别
Dec 24 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
php下连接ftp实现文件的上传、下载、删除文件实例代码
2010/06/03 PHP
PHP中数组合并的两种方法及区别介绍
2012/09/14 PHP
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
PHP获取昨天、今天及明天日期的方法
2016/02/03 PHP
laravel-admin 实现给grid的列添加行数序号的方法
2019/10/08 PHP
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
2016/01/26 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
2016/09/05 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
VSCode 配置React Native开发环境的方法
2017/12/27 Javascript
jQuery中的for循环var与let的区别
2018/04/21 jQuery
微信小程序调用微信支付接口的实现方法
2019/04/29 Javascript
JavaScript canvas实现跟随鼠标事件
2020/02/10 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
[38:51]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-CDEC
2014/05/22 DOTA
Python中的map()函数和reduce()函数的用法
2015/04/27 Python
在Python 2.7即将停止支持时,我们为你带来了一份python 3.x迁移指南
2018/01/30 Python
Django中使用CORS实现跨域请求过程解析
2019/08/05 Python
Django xadmin安装及使用详解
2020/10/26 Python
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
2016/08/15 HTML / CSS
HTML5 Plus 实现手机APP拍照或相册选择图片上传功能
2016/07/13 HTML / CSS
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
wedgwood加拿大官网:1759年成立的英国国宝级陶瓷餐具品牌
2018/07/17 全球购物
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
几个人围成一圈的问题
2013/09/26 面试题
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
《小石潭记》教学反思
2014/02/13 职场文书
物业管理毕业生的自我评价
2014/02/17 职场文书
学雷锋志愿服务月活动总结
2014/03/09 职场文书
2014第二批党的群众路线教育实践活动对照检查材料思想汇报
2014/09/18 职场文书
专职安全员岗位职责
2015/04/11 职场文书