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之onload事件的一点使用心得
Aug 14 Javascript
moment.js轻松实现获取当前日期是当年的第几周
Feb 05 Javascript
js比较日期大小的方法
May 12 Javascript
JavaScript 详解预编译原理
Jan 22 Javascript
jQuery简单实现遍历单选框的方法
Mar 06 Javascript
详解Vue微信公众号开发踩坑全记录
Aug 21 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
Sep 18 Javascript
angular的输入和输出的使用方法
Sep 22 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
Nov 10 Javascript
vscode调试node.js的实现方法
Mar 22 Javascript
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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读取excel文件的简单实例
2013/08/26 PHP
PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】
2018/12/21 PHP
PHP设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
设置下载不需要倒计时cookie(倒计时代码)
2008/11/19 Javascript
Grid得到选择行数据的方法总结
2011/01/17 Javascript
javascript标签在页面中的位置探讨
2013/04/11 Javascript
原生js操作checkbox用document.getElementById实现
2013/10/12 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
2015/02/25 Javascript
jquery实现用户信息修改验证输入方法汇总
2015/07/18 Javascript
js设置和获取自定义属性的方法
2016/10/20 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
Koa2 之文件上传下载的示例代码
2018/03/29 Javascript
详解Angular5/Angular6项目如何添加热更新(HMR)功能
2018/10/10 Javascript
vue ssr 实现方式(学习笔记)
2019/01/18 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
2020/09/21 Javascript
video.js添加自定义组件的方法
2020/12/09 Javascript
Python的词法分析与语法分析
2013/05/18 Python
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
Python中print和return的作用及区别解析
2019/05/05 Python
python3.6+django2.0+mysql搭建网站过程详解
2019/07/24 Python
Python命令行click参数用法解析
2019/12/19 Python
css 元素选择器的简单实例
2016/05/23 HTML / CSS
投标单位介绍信
2014/01/09 职场文书
上班上网检讨书
2014/01/29 职场文书
社区精神文明建设汇报材料
2014/08/17 职场文书
助学贷款贫困证明
2014/09/23 职场文书
镇人大副主席民主生活会对照检查材料思想汇报
2014/10/01 职场文书
培训督导岗位职责
2015/04/10 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
使用Djongo模块在Django中使用MongoDB数据库
2021/06/20 Python
WebRTC记录音视频流(web技术分享)
2022/02/24 Javascript
python 实现图片特效处理
2022/04/03 Python