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 相关文章推荐
JS中判断null、undefined与NaN的方法
Mar 26 Javascript
用jquery实现的一个超级简单的下拉菜单
May 18 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
微信小程序网络请求wx.request详解及实例
May 18 Javascript
vue2.0之多页面的开发的示例
Jan 30 Javascript
axios发送post请求springMVC接收不到参数的解决方法
Mar 05 Javascript
微信小程序实现顶部下拉菜单栏
Nov 04 Javascript
vue 中Virtual Dom被创建的方法
Apr 15 Javascript
Vue事件修饰符native、self示例详解
Jul 09 Javascript
vue项目中实现缓存的最佳方案详解
Jul 11 Javascript
js实现微信聊天界面
Aug 09 Javascript
js实现数字跳动到指定数字
Aug 25 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面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
php全排列递归算法代码
2012/10/09 PHP
PHPMailer发送邮件
2016/12/28 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
laravel异步监控定时调度器实例详解
2019/06/21 PHP
php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析
2020/03/02 PHP
JsDom 编程小结
2011/08/09 Javascript
整理8个很棒的 jQuery 倒计时插件和教程
2011/12/12 Javascript
关于JavaScript中的关联数组分析
2013/04/09 Javascript
JavaScript动态修改背景颜色的方法
2015/04/16 Javascript
nodejs导出excel的方法
2015/06/30 NodeJs
JavaScript的this关键字的理解
2016/06/18 Javascript
Javascript发送AJAX请求实例代码
2016/08/21 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
2020/03/26 Javascript
jQuery实现二维码扫描功能
2017/01/09 Javascript
详解ES6通过WeakMap解决内存泄漏问题
2018/03/09 Javascript
微信小程序获取音频时长与实时获取播放进度问题
2018/08/28 Javascript
vue中使用props传值的方法
2019/05/08 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
2019/05/16 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
js+audio实现音乐播放器
2020/09/13 Javascript
Openlayers实现距离面积测量
2020/09/28 Javascript
[02:09]DOTA2辉夜杯 EHOME夺冠举杯现场
2015/12/28 DOTA
python获取文件扩展名的方法
2015/07/06 Python
Python中协程用法代码详解
2018/02/10 Python
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
基于python 微信小程序之获取已存在模板消息列表
2019/08/05 Python
利用Tensorflow的队列多线程读取数据方式
2020/02/05 Python
python打开音乐文件的实例方法
2020/07/21 Python
世界上最大的曲棍球商店:Pro Hockey Life
2017/10/30 全球购物
创建文明城市倡议书
2015/04/28 职场文书
用python自动生成日历
2021/04/24 Python
浅谈JS的二进制家族
2021/05/09 Javascript
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang