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 相关文章推荐
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
Mar 20 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
Jun 29 Javascript
javaScript同意等待代码实现心得
Jan 01 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
Nov 28 Javascript
node.js中的dns.getServers方法使用说明
Dec 08 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
webpack4 从零学习常用配置(小结)
May 28 Javascript
vue实现列表滚动的过渡动画
Jun 29 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
Jul 18 Javascript
前端框架ECharts dataset对数据可视化的高级管理
Dec 24 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
php笔记之:AOP的应用
2013/04/24 PHP
php实现的递归提成方案实例
2015/11/14 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
2010/06/28 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
2013/12/01 Javascript
JS中产生标识符方式的演变
2015/06/12 Javascript
JavaScript兼容性总结之获取非行间样式案例
2016/08/07 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
ES6中Array.find()和findIndex()函数的用法详解
2017/09/16 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
webpack4 从零学习常用配置(小结)
2019/05/28 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
ant-design-vue按需加载的坑的解决
2020/05/14 Javascript
vue将data恢复到初始状态 &amp;&amp; 重新渲染组件实例
2020/09/04 Javascript
npm ci命令的基本使用方法
2020/09/20 Javascript
运动检测ViBe算法python实现代码
2018/01/09 Python
Python爬虫框架Scrapy实例代码
2018/03/04 Python
Python闭包和装饰器用法实例详解
2019/05/22 Python
Python PO设计模式的具体使用
2019/08/16 Python
Python3使用xml.dom.minidom和xml.etree模块儿解析xml文件封装函数的方法
2019/09/23 Python
python主线程与子线程的结束顺序实例解析
2019/12/17 Python
Python中os模块功能与用法详解
2020/02/26 Python
解决使用python print打印函数返回值多一个None的问题
2020/04/09 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
请解释流与文件有什么不同
2016/07/29 面试题
个人合作协议范本
2015/08/06 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书
送给客户微信问候语!
2019/07/04 职场文书
在Centos 8.0中安装Redis服务器的教程详解
2022/03/21 Redis