• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 限制input输入类型(多种方法实现)

限制input输入类型(多种方法实现)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含限制,input等相关知识,佚名 希望在学习及工作中可以帮助到您
1.只能输入和粘贴汉字
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>

3.只能输入和粘贴数字
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" /><br/>
5.数字脚本
<input onkeyup="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"><br/>

6.只能输入数字和英文
<input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br/>

8.简易禁止输入汉字
<input style="ime-mode:disabled">输入法不转换,但可粘贴上<br/>

9.输入数字和小数点
<input onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>

10.只能数字和"-",例如在输入时间的时候可以用到
<input onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&-]|_/ig,'')" />

JS控制 input 输入字符限制

ENTER键可以让光标移到下一个输入框

<input type="text

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

  • 限制input输入类型(多种方法实现)

相关文章

  • 2018-08-23新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?
  • 2018-08-23进阶高级设计师!帮你做能落地的界面设计之输入框
  • 2017-08-06div css命名规范 css class命名规则(符合SEO规范)
  • 2017-08-06Bootstrap3.0学习笔记之按钮的样式
  • 2018-11-02idea如何从svn上,上传项目,以及下载项目
  • 2017-08-06button带一个灰色的边框很难看如何去掉
  • 2017-08-06Chrome浏览器的自动保存密码提示功能禁用方法
  • 2018-08-23PS合成教程!记忆大师的海报风格是怎么做的?
  • 2017-08-06CSS HACK之IE6/IE7/IE8/IE9/FF(归纳)
  • 2018-08-23为什么你的动效特别酷炫,但一直不能落地?(附解决思路)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何点出枝繁叶茂的技能树?专访Graphiq 设计主管张冰昕
    • 轻松看懂规范!详解组件控件结构体系之导航类
    • UCAN 干货总结!阿里设计如何助力设计产业升级?
    • IE下打开ClearType后透明字体问题的解决方法
    • 超全面!Android 应用与iOS 应用之间的设计差异对比
    • 「这个控件叫什么」系列之步进器+Switch
    • 如何设计一张高品位高水准的海报?高手的秘诀在这!
    • 零基础做字体?巧用字库做出你的第一款字体设计!
    • 六篇文章彻底掌握直方图:通道直方图
    • 熟练设计师的七原则(2):颜色运用

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

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