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让IE浏览器event对象符合W3C DOM标准
Nov 24 Javascript
纯js简单日历实现代码
Oct 05 Javascript
JQuery遍历json数组的3种方法
Nov 08 Javascript
jQuery实现360°全景拖动展示
Mar 18 Javascript
javascript实现完美拖拽效果
May 06 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
May 31 Javascript
微信小程序获取循环元素id以及wx.login登录操作
Aug 17 Javascript
vue获取DOM元素并设置属性的两种实现方法
Sep 30 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
Sep 21 Javascript
JavaScript寄生组合式继承原理与用法分析
Jan 11 Javascript
VUE路由动态加载实例代码讲解
Aug 26 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
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
一个显示效果非常不错的PHP错误、异常处理类
2014/03/21 PHP
函数中使用require_once问题深入探讨 优雅的配置文件定义方法推荐
2014/07/02 PHP
php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
PHP模拟asp中response类实现方法
2015/08/08 PHP
yii,CI,yaf框架+smarty模板使用方法
2015/12/29 PHP
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
jquery json 实例代码
2010/12/02 Javascript
Jquery Change与bind事件代码
2011/09/29 Javascript
网页实时显示服务器时间和javscript自运行时钟
2014/06/09 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
2016/12/18 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
2017/01/08 Javascript
highcharts 在angular中的使用示例代码
2017/09/20 Javascript
详解Koa中更方便简单发送响应的方式
2018/07/20 Javascript
javascript中一些奇葩的日期换算方法总结
2018/11/14 Javascript
@angular前端项目代码优化之构建Api Tree的方法
2018/12/24 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
2019/06/06 Javascript
Python常用小技巧总结
2015/06/01 Python
Python实现JSON反序列化类对象的示例
2018/01/31 Python
Python爬虫包BeautifulSoup学习实例(五)
2018/06/17 Python
pyinstaller将含有多个py文件的python程序做成exe
2020/04/29 Python
使用Keras实现简单线性回归模型操作
2020/06/12 Python
如何使用python自带IDLE的几种方法
2020/10/10 Python
新奇的小玩意:IWOOT
2016/07/21 全球购物
Tom Dixon官网:英国照明及家具设计和制造公司
2019/03/01 全球购物
Linux如何为某个操作添加别名
2013/03/01 面试题
梅花魂教学反思
2014/04/25 职场文书
小学语文教学经验交流材料
2014/06/02 职场文书
学校综治宣传月活动总结
2014/07/02 职场文书
项目转让协议书
2014/10/27 职场文书
行政后勤人员工作计划应该怎么写?
2019/08/16 职场文书
使用pandas或numpy处理数据中的空值(np.isnan()/pd.isnull())
2021/05/14 Python
CSS中实现动画效果-附案例
2022/02/28 HTML / CSS
JavaScript获取URL参数的方法分享
2022/04/07 Javascript