• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > JS验证input输入框(字母,数字,符号,中文)

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

作者:gqsunrise 字体:[增加 减小] 来源:互联网 时间:2017-05-11

gqsunrise通过本文主要向大家介绍了JS验证input输入框(字母,数字,符号,中文)等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

只能输入英文

<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" />
</div>

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

只能输入数字:

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

只能输入数字,小数点:

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

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

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

只能输入英文和数字:

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

只能输入汉字:

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

禁止输入法输入:

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

无法切换输入法

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

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

不能为空:

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

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • 2017-08-31div 跟着鼠标移动
  • 2017-05-11完美的js图片轮换效果
  • 2017-08-17理解websocket协议解决消息发送问题 Could not decode a text frame as UTF-8.
  • 2017-05-11vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
  • 2017-05-11详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
  • 2017-09-11JS中对象的循环删除
  • 2017-05-11bootstrap table分页模板和获取表中的ID方法
  • 2017-05-11canvas实现动态小球重叠效果
  • 2017-05-11JS去掉字符串前后空格或去掉所有空格的用法
  • 2017-05-11浅谈JavaScript正则表达式-非捕获性分组

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 设置iframe自适应高
    • 高效的jQuery代码编写技巧总结
    • 移动端界面的适配
    • Angularjs根据json文件动态生成路由状态的实现方法
    • Vuex简单入门
    • js replace()去除代码中空格的实例
    • Angular中实现树形结构视图实例代码
    • apicloud简单封装ajax
    • JavaScript编写一个贪吃蛇游戏
    • js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有