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 相关文章推荐
jQuery性能优化的38个建议
Mar 04 Javascript
jQuery插件pagination实现分页特效
Apr 12 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
Node.js巧妙实现Web应用代码热更新
Oct 22 Javascript
Express的路由详解
Dec 10 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
Mar 25 Javascript
webpack多页面开发实践
Dec 18 Javascript
web前端vue filter 过滤器
Jan 12 Javascript
中高级前端必须了解的JS中的内存管理(推荐)
Jul 04 Javascript
js微信分享接口调用详解
Jul 23 Javascript
Vue中rem与postcss-pxtorem的应用详解
Nov 20 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 20 Javascript
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
php5.2.0内存管理改进
2007/01/22 PHP
浅析php中jsonp的跨域实例
2013/06/21 PHP
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
PHP连接MySQL数据的操作要点
2015/03/20 PHP
64位windows系统下安装Memcache缓存
2015/12/06 PHP
PHP code 验证码生成类定义和简单使用示例
2020/05/27 PHP
js 页面刷新location.reload和location.replace的区别小结
2009/12/24 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
2011/05/14 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
2013/03/05 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
JS重载实现方法分析
2016/12/16 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
实例详解vue中的$root和$parent
2019/04/29 Javascript
Node.js 深度调试方法解析
2020/07/28 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
小程序中手机号识别的示例
2020/12/14 Javascript
jQuery实现电梯导航模块
2020/12/22 jQuery
用Python写冒泡排序代码
2016/04/12 Python
python编写分类决策树的代码
2017/12/21 Python
python使用循环打印所有三位数水仙花数的实例
2018/11/13 Python
Python3中编码与解码之Unicode与bytes的讲解
2019/02/28 Python
Pycharm学生免费专业版安装教程的方法步骤
2020/09/24 Python
基于css3的属性transition制作菜单导航效果
2015/09/01 HTML / CSS
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
Max&Co官网:意大利年轻女性时尚品牌
2017/05/16 全球购物
中英文自我评价语句
2013/12/20 职场文书
大学生咖啡店创业计划书
2014/01/21 职场文书
运动会邀请函范文
2014/01/31 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
工作收入住址证明
2014/10/28 职场文书
2014年护理工作总结范文
2014/11/14 职场文书
拖欠货款起诉状
2015/05/20 职场文书
机器人总动员观后感
2015/06/09 职场文书
Spring Boot优化后启动速度快到飞起技巧示例
2022/07/23 Java/Android