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 相关文章推荐
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
javascript中定义类的方法详解
Feb 10 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
Jun 08 Javascript
基于JS代码实现图片在页面中旋转效果
Jun 16 Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 Javascript
值得分享的Bootstrap Table使用教程
Nov 23 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
JSON数据中存在单个转义字符“\”的处理方法
Jul 11 Javascript
node.js基于socket.io快速实现一个实时通讯应用
Apr 23 Javascript
vue3如何优雅的实现移动端登录注册模块
Mar 29 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
PHP+MYSQL 出现乱码的解决方法
2008/08/08 PHP
Apache2中实现多网站域名绑定的实现方法
2011/06/01 PHP
利用phpExcel实现Excel数据的导入导出(全步骤详细解析)
2013/11/26 PHP
用PHP生成excel文件到指定目录
2015/06/22 PHP
PHP中Closure类的使用方法及详解
2015/10/09 PHP
PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法
2015/11/11 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
搭建PhpStorm+PhpStudy开发环境的超详细教程
2020/09/17 PHP
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
检测jQuery.js是否已加载的判断代码
2011/05/20 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
Bootstrap Table使用方法详解
2016/08/01 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
Angular.js通过自定义指令directive实现滑块滑动效果
2017/10/13 Javascript
Vue.js简易安装和快速入门(第二课)
2017/10/17 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
Python写的一个简单DNS服务器实例
2014/06/04 Python
python3.5仿微软计算器程序
2020/03/30 Python
对python opencv 添加文字 cv2.putText 的各参数介绍
2018/12/05 Python
使用python实现简单五子棋游戏
2019/06/18 Python
详细分析Python collections工具库
2020/07/16 Python
python 6种方法实现单例模式
2020/12/15 Python
四川成都导游欢迎词
2014/01/18 职场文书
人资专员岗位职责
2014/04/04 职场文书
明信片寄语大全
2014/04/08 职场文书
《雪儿》教学反思
2014/04/17 职场文书
航空学院求职信
2014/06/11 职场文书
公司领导班子对照检查存在问题整改措施
2014/10/02 职场文书
网络营销计划书
2015/01/17 职场文书
责任书格式
2019/04/18 职场文书
SpringAop日志找不到方法的处理
2021/06/21 Java/Android