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扩展插件Validate—4设置错误提示的样式
Sep 05 Javascript
使用Post提交时须将空格转换成加号的解释
Jan 14 Javascript
使用javascript为网页增加夜间模式
Jan 26 Javascript
基于WebUploader的文件上传js插件
Aug 19 Javascript
在Docker快速部署Node.js应用的详细步骤
Sep 02 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
vue.js实现请求数据的方法示例
Feb 07 Javascript
Bootstrap按钮组简单实现代码
Mar 06 Javascript
jQuery实现字符串全部替换的方法【推荐】
Mar 09 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
解决vue中使用swiper插件问题及swiper在vue中的用法
Apr 04 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 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
adodb与adodb_lite之比较
2006/12/31 PHP
php项目打包方法
2008/02/18 PHP
PHPMYADMIN导入数据最大为2M的解决方法
2012/04/23 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(九)
2014/06/24 PHP
Thinkphp和onethink实现微信支付插件
2016/04/13 PHP
javascript网页关键字高亮代码
2008/07/30 Javascript
js控制input输入字符解析
2013/12/27 Javascript
jQuery中animate动画第二次点击事件没反应
2015/05/07 Javascript
浅谈JavaScript 的执行顺序
2015/08/07 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
2016/08/01 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
canvas学习之API整理笔记(一)
2016/12/29 Javascript
js实现PC端和移动端刮卡效果
2020/03/27 Javascript
JavaScript中Promise的使用详解
2017/02/26 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
2017/07/04 Javascript
JS实现中文汉字按拼音排序的方法
2017/10/09 Javascript
vue中实现图片和文件上传的示例代码
2018/03/16 Javascript
vue-lazyload使用总结(推荐)
2018/11/01 Javascript
vue实现微信分享功能
2018/11/28 Javascript
vue实现多组关键词对应高亮显示功能
2019/07/25 Javascript
详解JavaScript修改注册表的方法
2020/01/05 Javascript
浅要分析Python程序与C程序的结合使用
2015/04/07 Python
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
Python网络编程详解
2017/10/31 Python
Python pygorithm模块用法示例【常见算法测试】
2018/08/16 Python
Python匿名函数/排序函数/过滤函数/映射函数/递归/二分法
2019/06/05 Python
pytorch ImageFolder的覆写实例
2020/02/20 Python
Python高并发解决方案实现过程详解
2020/07/31 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
python 如何用urllib与服务端交互(发送和接收数据)
2021/03/04 Python
东方红海科技面试题软件测试方面
2012/02/08 面试题
2013年大学生的自我鉴定
2013/10/24 职场文书
趣味运动会活动方案
2014/02/12 职场文书
二手车转让协议书
2015/01/29 职场文书
2015年测量员工作总结
2015/05/23 职场文书