js各种验证文本框输入格式(正则表达式)


Posted in Javascript onOctober 22, 2010

不能为空
<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">

只能输入英文和数字
<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有错')">
<input onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')"/>
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

判断字符由字母和数字,下划线,点号组成.且开头的只能是下划线和字母
/^([a-zA-z_]{1})([\w]*)$/g.test(str)

只能输入数字
<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\D/g,'')" onafterpaste="value=value.replace(/\D/g,'')" >

只能输入中文
<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

只能输入英文
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')">
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

只能输入中文、英文、数字、@符号和.符号
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

只允许输入英文,且不能粘贴也无法弹出粘贴菜单
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu = "return false"/>

只能输入数字和点号(注意:在[^\d\.]里的d不能写成大写D,否则就变成除了数字以外的所有字符)
<input name="price" type="text" size="8" maxlength="8" onkeyup="value=value.replace(/[^\d\.]/g,'')" >

总而言之:先在<input>里输入onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的X换成你想输入的代码就可以了

中文:u4E00-u9FA5
数字:d、0-9
英文:a-z、A-Z
其它符号@,点或其它符号.也可以多个,用\隔开就行了.
例如:
中、英文和数字加@符号加点符号:\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在<input>里输入 onKeyDown="fncKeyStop(event)" onpaste="return false" oncontextmenu="return false;"

Javascript 相关文章推荐
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
用原生js做个简单的滑动效果的回到顶部
Oct 15 Javascript
jquery+正则实现统一的表单验证
Sep 20 Javascript
jQuery xml字符串的解析、读取及查找方法
Mar 01 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
Vue实现双向数据绑定
May 03 Javascript
JavaScript初学者必看“new”
Jun 12 Javascript
使用JS编写的随机抽取号码的小程序
Aug 11 Javascript
Vue.js实现立体计算器
Feb 22 Javascript
JavaScript canvas实现雨滴特效
Jan 10 Javascript
node.js使用express-fileupload中间件实现文件上传
Jul 16 Javascript
ant design vue的form表单取值方法
Jun 01 Vue.js
JavaScript学习点滴 call、apply的区别
Oct 22 #Javascript
Web 前端设计模式--Dom重构 提高显示性能
Oct 22 #Javascript
jQuery中add实现同时选择两个id对象
Oct 22 #Javascript
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
Oct 22 #Javascript
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 #Javascript
使用jQuery模板来展现json数据的代码
Oct 22 #Javascript
jQuery 表单验证扩展(四)
Oct 20 #Javascript
You might like
多文件上载系统完整版
2006/10/09 PHP
php+oracle 分页类
2006/10/09 PHP
PHP类的使用 实例代码讲解
2009/12/28 PHP
php下用cookie统计用户访问网页次数的代码
2010/05/09 PHP
PHP 多维数组排序(usort,uasort)
2010/06/30 PHP
javascript下查找父节点的简单方法
2007/08/13 Javascript
jQuery开发者都需要知道的5个小技巧
2010/01/08 Javascript
eval与window.eval的差别分析
2011/03/17 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
javascript中的startWith和endWith的几种实现方法
2013/05/07 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
2015/10/25 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
javascript self对象使用详解
2016/10/18 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
2017/01/20 Javascript
jquery ajaxfileupload异步上传插件使用详解
2017/02/08 Javascript
AngularJS表格样式简单设置方法示例
2017/03/03 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
Vue.js与 ASP.NET Core 服务端渲染功能整合
2017/11/16 Javascript
Vue项目引发的「过滤器」使用教程
2019/03/12 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
2019/08/27 jQuery
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
electron踩坑之remote of undefined的解决
2020/10/06 Javascript
javascript实现固定侧边栏
2021/02/09 Javascript
[55:11]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第一场 11.26
2020/11/30 DOTA
Python实现可获取网易页面所有文本信息的网易网络爬虫功能示例
2018/01/15 Python
Django中F函数的使用示例代码详解
2020/07/06 Python
CSS3文本换行word-wrap解决英文文本超过固定宽度不换行
2013/10/10 HTML / CSS
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
社团2014年植树节活动总结
2014/03/11 职场文书
财产公证书样本
2014/04/04 职场文书
安全宣传标语
2014/06/10 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
2016年国庆节宣传标语
2015/11/25 职场文书