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图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
Nov 09 Javascript
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
Jan 13 Javascript
jquery实现浮动的侧栏实例
Jun 25 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
Vue中添加手机验证码组件功能操作方法
Dec 07 Javascript
react-router browserHistory刷新页面404问题解决方法
Dec 29 Javascript
iview table render集成switch开关的实例
Mar 14 Javascript
解决vue axios的封装 请求状态的错误提示问题
Sep 25 Javascript
微信小程序常用赋值方法小结
Apr 30 Javascript
解决layui的使用以及针对select、radio等表单组件不显示的问题
Sep 05 Javascript
Javascript中window.name属性详解
Nov 19 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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
用PHP实现小型站点广告管理
2006/10/09 PHP
php中将时间差转换为字符串提示的实现代码
2011/08/08 PHP
PHP防CC攻击实现代码
2011/12/29 PHP
js 页面传参数时 参数值含特殊字符的问题
2009/12/13 Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
2012/02/03 Javascript
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
ie8模式下click无反应点击option无反应的解决方法
2014/10/11 Javascript
深入分析JQuery和JavaScript的异同
2014/10/23 Javascript
jQuery超赞的评分插件(8款)
2015/08/20 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
jQuery Mobile 触摸事件实例
2016/06/04 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
详解使用angularjs的ng-options时如何设置默认值(初始值)
2017/07/18 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
Vue封装Swiper实现图片轮播效果
2018/02/06 Javascript
vue 路由嵌套高亮问题的解决方法
2018/05/17 Javascript
在vue中使用v-bind:class的选项卡方法
2018/09/27 Javascript
Vue全局loading及错误提示的思路与实现
2019/08/09 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
2019/10/14 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
Python中bisect的用法
2014/09/23 Python
更改Python命令行交互提示符的方法
2015/01/14 Python
python读取excel表格生成erlang数据
2017/08/26 Python
python中的for循环
2018/09/28 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
详解python编译器和解释器的区别
2019/06/24 Python
日本卡普空电视游戏软件公司官方购物网站:e-CAPCOM
2018/07/17 全球购物
得到Class的三个过程是什么
2012/08/10 面试题
户外活动策划方案
2014/03/12 职场文书
学校百日安全生产活动总结
2014/07/05 职场文书
小学综合实践活动总结
2014/07/07 职场文书
2014年城市管理工作总结
2014/12/02 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
python简单验证码识别的实现过程
2021/06/20 Python