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 相关文章推荐
使用户点击后退按钮使效三行代码
Jul 07 Javascript
关于JavaScript的一些看法
May 27 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
Jan 02 Javascript
JavaScript中的运算符种类及其规则介绍
Sep 26 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
JS使用正则实现去掉字符串左右空格的方法
Dec 27 Javascript
js 只比较时间大小的实例
Oct 26 Javascript
javascript按顺序加载运行js方法
Dec 01 Javascript
JS数据类型STRING使用实例解析
Dec 18 Javascript
Vue数字输入框组件示例代码详解
Jan 15 Javascript
Vue实现简单的留言板
Oct 23 Javascript
JavaScript 实现页面滚动动画
Apr 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中的字符串函数
2006/11/24 PHP
PHP 应用程序的安全 -- 不能违反的四条安全规则
2006/11/26 PHP
PHP Document 代码注释规范
2009/04/13 PHP
个人写的PHP验证码生成类分享
2014/08/21 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
浅析php如何实现爬取数据原理
2018/09/27 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
Nginx+php配置文件及原理解析
2020/12/09 PHP
jquery ajax执行后台方法
2010/03/18 Javascript
JavaScript类属性的访问方式详解
2014/02/11 Javascript
JavaScript正则表达式之multiline属性的应用
2015/06/16 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
2016/08/17 Javascript
JavaScript中cookie工具函数封装的示例代码
2016/10/11 Javascript
jQuery判断自定义属性data-val用法示例
2019/01/07 jQuery
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
微信小程序实现音频文件播放进度的实例代码
2020/03/02 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
2020/08/28 Javascript
Python作用域用法实例详解
2016/03/15 Python
Python实现针对给定单链表删除指定节点的方法
2018/04/12 Python
python生成1行四列全2矩阵的方法
2018/08/04 Python
Python 中包/模块的 `import` 操作代码
2019/04/22 Python
解决安装pyqt5之后无法打开spyder的问题
2019/12/13 Python
Python自动发送和收取邮件的方法
2020/08/12 Python
python Selenium 库的使用技巧
2020/10/16 Python
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
Mytheresa美国官网:德国知名的女性奢侈品电商
2017/05/27 全球购物
纽约复古灵感的现代珠宝品牌:Lulu Frost
2018/03/03 全球购物
攀岩、滑雪、徒步旅行装备:Black Diamond Equipment
2019/08/16 全球购物
夜大毕业自我鉴定
2013/10/11 职场文书
采购部部门职责
2013/12/15 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
运动会入场解说词
2014/02/07 职场文书
工地标语大全
2014/06/18 职场文书
JVM的类加载器和双亲委派模式你了解吗
2022/03/13 Java/Android