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 相关文章推荐
JavaScript 加号(+)运算符号
Dec 06 Javascript
jMessageBox 基于jQuery的窗口插件
Dec 09 Javascript
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
Jan 17 Javascript
js判断是否为ie的方法小结
Jan 13 Javascript
微信小程序 保留小数(toFixed)详细介绍
Nov 16 Javascript
js实现仿购物车加减效果
Mar 01 Javascript
Bootstrap模态框插件使用详解
May 11 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 Javascript
JS添加或删除HTML dom元素的方法实例分析
Mar 05 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
May 31 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 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
php断点续传之如何分割合并文件
2014/03/22 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
Javascript 类与静态类的实现
2010/04/01 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
javascript预加载图片、css、js的方法示例介绍
2013/10/14 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
原生js实现类似弹窗抖动效果
2015/04/02 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
前端构建工具之gulp的语法教程
2017/06/12 Javascript
vue事件修饰符和按键修饰符用法总结
2017/07/25 Javascript
JavaScript实现简单图片轮播效果
2017/08/21 Javascript
JS+jQuery实现注册信息的验证功能
2017/09/26 jQuery
iphone刘海屏页面适配方法
2019/05/07 Javascript
js实现树形数据转成扁平数据的方法示例
2020/02/27 Javascript
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
python图片验证码生成代码
2016/07/02 Python
教大家玩转Python字符串处理的七种技巧
2017/03/31 Python
python书籍信息爬虫实例
2018/03/19 Python
Python英文文本分词(无空格)模块wordninja的使用实例
2019/02/20 Python
python中类的输出或类的实例输出为这种形式的原因
2019/08/12 Python
django创建超级用户过程解析
2019/09/18 Python
如何使用selenium和requests组合实现登录页面
2020/02/03 Python
Python生成器实现简单&quot;生产者消费者&quot;模型代码实例
2020/03/27 Python
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
知识竞赛活动方案
2014/02/18 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
高中生社会实践心得体会
2016/01/14 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书
关于Javascript闭包与应用的详解
2021/04/22 Javascript
javascript canvas实现雨滴效果
2021/06/09 Javascript
总结Java对象被序列化的两种方法
2021/06/30 Java/Android