javascript 控制input只允许输入的各种指定内容

更新时间：2014年06月19日 17:32:13 投稿：whsnow

这篇文章主要介绍了通过javascript控制input只允许输入的各种指定内容,需要的朋友可以参考下

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,'')" />

您可能感兴趣的文章:

input

ES6 迭代器与可迭代对象的实现
这篇文章主要介绍了ES6 迭代器与可迭代对象的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-02-02
js实现图片无缝滚动
这篇文章主要介绍了Javascript图片无缝滚动的相关内容,感兴趣的小伙伴们可以参考一下
2015-12-12
使用layui前端框架弹出form表单以及提交的示例
今天小编就为大家分享一篇使用layui前端框架弹出form表单以及提交的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-10-10
微信小程序中如何使用store数据共享
全局数据共享全局数据共享(状态管理)是为了解决组件之间数据共享的问题，开发中常用的全局数据共享方案有：Vuex、Redux、MobX等，这篇文章主要介绍了微信小程序中如何使用store数据共享,需要的朋友可以参考下
2023-04-04
关于IE中getElementsByClassName不能用的问题解决方法
今天使用getElementsByClassName写了段小程序，在IE6、8中测试的时候就出现问题了，浏览器报错，经搜索找到了一个比较好的方法，是个老外写的一个方法
2013-08-08
JavaScript实现精美个性导航栏筋斗云效果
这篇文章主要介绍了JavaScript实现精美个性导航栏筋斗云效果，非常不错，具有参考借鉴价值,需要的朋友可以参考下
2017-10-10
js与C#进行时间戳转换
最近在做一个项目，需要JS时间戳转成C#里的时间，再把C#里的时间戳转成JS的时间,就仔细研究了下js与C#进行转换的注意要点，这里记录下来，有需要的小伙伴自己拿走。
2014-11-11
laravel实现中文和英语互相切换的例子
今天小编就为大家分享一篇laravel实现中文和英语互相切换的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
xmlplus组件设计系列之网格（DataGrid）(10）
xmlplus 是一个JavaScript框架，用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之xmlplus网格，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
关于ES6尾调用优化的使用
这篇文章主要介绍了关于ES6尾调用优化的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-09-09