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实战之仿淘宝商城左侧导航效果
Apr 12 Javascript
JavaScript之自定义类型
May 04 Javascript
js实现表格字段排序
Feb 19 Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
Jun 23 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
javascript DIV实现跟随鼠标移动
Mar 19 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 Javascript
从零开始搭建vue移动端项目到上线的步骤
Oct 15 Javascript
详解Vue.js中引入图片路径的几种方式
Jun 17 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
Jul 21 Javascript
jQuery 动画与停止动画效果实例详解
May 19 jQuery
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桌面中心(一) 创建数据库
2007/03/11 PHP
php 缩略图实现函数代码
2011/06/23 PHP
php加密算法之实现可逆加密算法和解密分享
2014/01/21 PHP
PHP的pcntl多进程用法实例
2015/03/19 PHP
windows8.1下Apache+Php+MySQL配置步骤
2015/10/30 PHP
JS模拟多线程
2007/02/07 Javascript
纯文字版返回顶端的js代码
2013/08/01 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
jQuery中DOM操作实例分析
2015/01/23 Javascript
JavaScript中property和attribute的区别详细介绍
2015/03/03 Javascript
jQuery Mobile页面返回不需要重新get
2016/04/26 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
AngularJS入门教程之更多模板详解
2016/08/19 Javascript
jQuery Easyui 下拉树组件combotree
2016/12/16 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
2019/06/03 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
numpy.std() 计算矩阵标准差的方法
2018/07/11 Python
Python3实现腾讯云OCR识别
2018/11/27 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
Python模块的制作方法实例分析
2019/12/21 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
CSS3 Flexbox中flex-shrink属性的用法示例介绍
2013/12/30 HTML / CSS
应聘美工求职信
2013/11/07 职场文书
大学专科生推荐信范文
2013/11/23 职场文书
中文师范生自荐信
2014/01/30 职场文书
2014公司年终工作总结
2014/12/19 职场文书
银行员工考核评语
2014/12/31 职场文书
民事代理词范文
2015/05/25 职场文书
2015年卫生局工作总结
2015/07/24 职场文书
小学教代会开幕词
2016/03/04 职场文书
python四个坐标点对图片区域最小外接矩形进行裁剪
2021/06/04 Python
MYSQL中文乱码问题的解决方案
2022/06/14 MySQL
win10电脑老是死机怎么办?win10系统老是死机的解决方法
2022/08/05 数码科技