JS验证input输入框(字母,数字,符号,中文)


Posted in Javascript onMarch 23, 2017

只能输入英文

<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

只能输入英文

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"
onkeydown="fncKeyStop(event)" onpaste="return false"
oncontextmenu="return false" />

无法粘贴,右键不会弹出粘贴菜单

只能输入数字:

<input onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')">

只能输入数字,小数点:

<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\.]/g,'')">

只能输入数字,小数点,下划线:

<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\._]/g,'')">

只能输入英文和数字:

<input onkeyup="value=value.replace(/[\W]/g,'') "
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

只能输入汉字:

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

禁止输入法输入:

<input type="text" style="ime-mode: disabled">

无法切换输入法

只能输入中文、英文、数字、@符号和.符号:

<input type="text"
onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

不能为空:

<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
jquery 将disabled的元素置为enabled的三种方法
Jul 25 Javascript
jQuery 隔行换色 支持键盘上下键,按Enter选定值
Aug 02 Javascript
仿jQuery的siblings效果的js代码
Aug 09 Javascript
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
javascript生成json数据简单示例分享
Feb 14 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
JavaScript获得url查询参数的方法
Jul 02 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
Aug 05 Javascript
JS实现Select的option上下移动的方法
Mar 01 Javascript
JS中sort函数排序用法实例分析
Jun 16 Javascript
轻松实现jquery选项卡切换效果
Oct 10 Javascript
Vue computed 计算属性代码实例
Apr 22 Javascript
jQuery编写textarea输入字数限制代码
Mar 23 #jQuery
移动端刮刮乐的实现方式(js+HTML5)
Mar 23 #Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
Mar 23 #Javascript
jquery实现全选、全不选以及单选功能
Mar 23 #jQuery
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
Mar 23 #jQuery
纯jQuery实现前端分页功能
Mar 23 #jQuery
vue双向绑定简要分析
Mar 23 #Javascript
You might like
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
php仿QQ验证码的实例分析
2013/07/01 PHP
php获取字段名示例分享
2014/03/03 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
php curl优化下载微信头像的方法总结
2018/09/07 PHP
jQuery 第二课 操作包装集元素代码
2010/03/14 Javascript
JavaScript 嵌套函数指向this对象错误的解决方法
2010/03/15 Javascript
基于Jquery的温度计动画效果
2010/06/18 Javascript
jQuery 拖动层(在可视区域范围内)
2012/05/24 Javascript
浅析Javascript使用include/require
2013/11/13 Javascript
js数组如何添加json数据及js数组与json的区别
2015/10/27 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
Javascript继承机制详解
2017/05/30 Javascript
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
微信小程序CSS3动画下拉菜单效果
2018/11/04 Javascript
详解如何在Vue项目中导出Excel
2019/04/19 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
详解vue v-model
2020/08/31 Javascript
使用原生javascript开发计算器实例代码
2021/02/21 Javascript
[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀
2014/07/10 DOTA
Python入门篇之条件、循环
2014/10/17 Python
python的else子句使用指南
2016/02/27 Python
python去除字符串中的换行符
2017/10/11 Python
python logging重复记录日志问题的解决方法
2018/07/12 Python
Python实现Dijkstra算法
2018/10/17 Python
深入浅析Python2.x和3.x版本的主要区别
2018/11/30 Python
对python多线程中Lock()与RLock()锁详解
2019/01/11 Python
python 图片二值化处理(处理后为纯黑白的图片)
2019/11/01 Python
详解python中docx库的安装过程
2019/11/08 Python
Python监控服务器实用工具psutil使用解析
2019/12/19 Python
HTML5之tabindex属性全面解析
2016/07/07 HTML / CSS
区三好学生主要事迹
2014/01/30 职场文书
2014国庆黄金周超市促销活动方案
2014/09/21 职场文书
2015年六一儿童节演讲稿
2015/03/19 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书