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 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
基于jquery的$.ajax async使用
Oct 19 Javascript
js确定对象类型方法
Mar 30 Javascript
jQuery中html()方法用法实例
Dec 25 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
Jun 13 Javascript
PHP抓取HTTPS内容和错误处理的方法
Sep 30 Javascript
js实现非常棒的弹出div
Oct 06 Javascript
浅谈React 属性和状态的一些总结
Nov 21 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
Dec 12 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 Javascript
分析JS单线程异步io回调的特性
Dec 01 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 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函数解决SQL injection
2006/12/09 PHP
PHP不用递归遍历目录下所有文件的代码
2014/07/04 PHP
phpnow php探针环境检测代码
2014/11/04 PHP
PHP获取对象属性的三种方法实例分析
2019/01/03 PHP
PHP filesize函数用法浅析
2019/02/15 PHP
xml 封装与解析(javascript和C#中)
2009/07/26 Javascript
js中settimeout方法加参数
2014/02/28 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
2014/07/18 Javascript
javascript的tab切换原理与效果实现方法
2015/01/10 Javascript
Javascript基础教程之数据类型 (数值 Number)
2015/01/18 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
2016/03/07 Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
2016/08/05 Javascript
学习vue.js计算属性
2016/12/03 Javascript
详解基于Vue+Koa的pm2配置
2017/10/24 Javascript
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
jQuery实现的滑块滑动导航效果示例
2018/06/04 jQuery
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
Vue动态创建注册component的实例代码
2019/06/14 Javascript
Vue分页器实现原理详解
2019/06/28 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
js实现双色球效果
2020/08/02 Javascript
Python使用matplotlib绘制正弦和余弦曲线的方法示例
2018/01/06 Python
Python3爬取英雄联盟英雄皮肤大图实例代码
2018/11/14 Python
python中退出多层循环的方法
2018/11/27 Python
Python3爬虫学习之将爬取的信息保存到本地的方法详解
2018/12/12 Python
解决Python 命令行执行脚本时,提示导入的包找不到的问题
2019/01/19 Python
Python实现KNN(K-近邻)算法的示例代码
2019/03/05 Python
英国大码女性时装零售商:Evans
2018/08/29 全球购物
Feelunique德国官方网站:欧洲最大的在线美容零售商
2019/07/20 全球购物
大学生学业生涯规划
2014/01/05 职场文书
企业文化宣传标语
2014/06/09 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
Html5大屏数据可视化开发的实现
2021/06/11 HTML / CSS
java objectUtils 使用可能会出现的问题
2022/02/28 Java/Android
MySQL RC事务隔离的实现
2022/03/31 MySQL