JS控制 input 输入字符限制

2023-10-31

 

ENTER键可以让光标移到下一个输入框 
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9" > 

只能是中文
<input οnkeyup="value=value.replace(/[ -~]/g,'')" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> 

屏蔽输入法
<input style="ime-mode:disabled" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> 

只能输入英文和数字
<input οnkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> 

只能是数字
<input οnkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">

只能显示,不能修改
<input readonly value="只能显示,不能修改">

只能输数字,判断按键的值
<script   language=javascript>
function   onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
event.returnValue=false;
}
</script>
<input   οnkeydοwn="onlyNum();">

1.文本框只能输入数字代码(小数点也不能输入)
<input οnkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">

2.只能输入数字,能输小数点.
<input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 οnchange="if(//D/.test(this.value)){alert('只能输入数字');this.value='';}">

3.数字和小数点方法二
<input type=text t_value="" o_value="" οnkeypress="if(!this.value.match(/^[/+/-]?/d*?/.?/d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?)?$/))this.o_value=this.value" οnkeyup="if(!this.value.match(/^[/+/-]?/d*?/.?/d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?)?$/))this.o_value=this.value" οnblur="if(!this.value.match(/^(?:[/+/-]?/d+(?:/./d+)?|/./d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^/./d+$/))this.value=0+this.value;if(this.value.match(/^/.$/))this.value=0;this.o_value=this.value}">

4.只能输入字母和汉字
<input οnkeyup="value=value.replace(/[/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[/d]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<input οnkeyup="value=value.replace(/[^/w/.//]/ig,'')">

6.只能输入数字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^/d|chun]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input οnkeyup="this.value=this.value.replace(/^(/-)*(/d+)/.(/d/d).*$/,'$1$2.$3')">

只能是数字和小数点和加减乘際

9.只能输入数字、小数点、负数

<input name="input" type="text" οnkeyup="JHshNumberText(this)" id="title">
<br>

<script language="javascript" type="text/javascript">
function JHshNumberText(a)

var fa="";
if(a.value.substring(0,1)=="-")
      fa="-";

var str=(a.value.replace(/[^0-9.]/g,'')).replace(/[.][0-9]*[.]/, '.');

if (str.substring(0,1)==".")
   str="0"+str;
   a.value=fa+str;


</script>

1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 
<input type="submit" value="提交" hidefocus="true" /> 

2.只读文本框内容,在input里添加属性值 readonly 
<input type="text" readonly /> 

3.防止退后清空的TEXT文档(可把style内容做做为类引用) 
<input type="text" style="behavior:url(#default#savehistory);" /> 

4.ENTER键可以让光标移到下一个输入框 
<input type="text" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" /> 

5.只能为中文(有闪动) 
<input type="text" οnkeyup="value=value.replace(/[ -~]/g,'')" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" /> 

6.只能为数字(有闪动) 
<input type="text" οnkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" /> 

7.只能为数字(无闪动) 
<input type="text" style="ime-mode:disabled" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" οnkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 

8.只能输入英文和数字(有闪动) 
<input type="text" οnkeyup="value=value.replace(/[/W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" /> 

9.屏蔽输入法 
<input type="text" name="url" style="ime-mode:disabled" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" /> 

10. 只能输入 数字,小数点,减号(-) 字符(无闪动) 
<input οnkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 

11. 只能输入两位小数,三位小数(有闪动) 
<input type="text" maxlength="9" οnkeyup="if(value.match(/^/d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(//./d*/./g,'.')" οnkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^/d{3}$/) || //./d{3}$/.test(value)) {event.returnValue=false}" />

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JS控制 input 输入字符限制 的相关文章

  • 网站 YouTube 嵌入视频不断播放

    我正在使用 youtube 提供的 iframe 在我的网站上嵌入视频 我还使用了一个 css 弹出窗口 这是我从这个页面学到的http www pat burt com web development how to do a css po
  • jquery 验证错误位置

    这看起来很简单 但我无法弄清楚 我正在使用 jquery 验证插件 我验证所有文件 但我想要的是在输入文本行中显示验证消息警报 例如在电子邮件输入中 请填写电子邮件地址 但现在它出现在所有字段下 在我的html中
  • 动画进度元素值

    我有一个progress元素 该元素如下所示 div class container div div div
  • 即使我可以监视其他方法,也无法监视事件处理程序

    我想使用 Jest Jasmine Enzyme 测试 React 中的事件处理程序 MyComponent js import React from react class MyComponent extends React Compon
  • Google Chrome 106 可拖动导致元素消失

    使用拖放元素时 绝对定位元素中包含的大多数其他元素都会从屏幕上消失 如果我调整窗口大小 这些元素会出现 但在开始拖动时会再次消失 我在最新版本的 Google Chrome 106 和 Beta 版本 107 0 5304 18 以及现在的
  • 如何流式传输 OpenAI 的完成 API?

    我想流式传输结果通过 OpenAI 的 API 完成 https beta openai com docs api reference completions 该文档提到使用服务器发送的事件 https developer mozilla
  • 是否有任何非轮询方式来检测 DOM 元素的大小或位置何时发生变化?

    很长一段时间以来 我一直在寻找一种方法来检测 DOM 元素的大小或位置何时发生变化 这可能是因为窗口调整了大小 或者因为向该元素添加了新的子元素 或者因为在该元素周围添加了新元素 或者因为 CSS 规则已更改 或者因为用户更改了浏览器的字体
  • JS用正则表达式替换数字

    我有元素的标识符 如下所示 form book 1 2 3 我想要的是用其他值替换该标识符中的第二个数字 我将函数 match 与以下正则表达式一起使用 var regexp d d d 但它返回我包含的数组 1 2 3 2 因此 当我尝试
  • 将数组排序为第一个最小值、第一个最大值、第二个最小值、第二个最大值等

    编写一个JS程序 返回一个数组 其中第一个元素是第一个最小值 第二个元素是第一个最大值 依此类推 该程序包含一个函数 该函数接受一个参数 一个数组 该函数根据要求返回数组 输入示例 array 2 4 7 1 3 8 9 预期输出 1 9
  • 为什么“tbody”不设置表格的背景颜色?

    我在用 tbody 作为 CSS 选择器来设置background color在一个表中 我这样做是因为我有多个 tbody 表内的部分 它们具有不同的背景颜色 我的问题是 当使用border radius在细胞上 细胞不尊重backgro
  • 如何在jquery中获取保存时间和当前时间的差异?

    我想在 javascript 或 jquery 中获取保存时间和当前时间之间的时差 我节省的时间看起来像Sun Oct 24 15 55 56 GMT 05 30 2010 java中的日期格式代码如下 String newDate 201
  • Select2 下拉列表动态添加、删除和刷新项目

    这让我发疯 为什么 Select2 不能在其页面上实现清晰的方法或示例如何在 Select2 上进行简单的 CRUD 操作 我有一个 select2 从 ajax 调用获取数据
  • Nodejs mysql 获取正确的时间戳格式

    我在用着mysqljs https github com mysqljs mysql得到结果后sql我变得不同TimeStamp格式如下 created at Sat Jul 16 2016 23 52 54 GMT 0430 IRDT 但
  • 如何获取 UIWebView 中元素的位置?

    我在 iPad 程序中加载了 html 的 UIWebView 通过使用 webkit column width 我将 html 分为几列 padding 0px height 1024px webkit column gap 0px we
  • 如何在 javascript 正则表达式中匹配平衡分隔符?

    我原以为这个问题是不可能的 据我所知 Javascript 的正则表达式既没有递归插值 也没有漂亮的 NET 平衡组功能 但问题就在那里 如问题 12 所示正则表达式 alf nu http regex alf nu 匹配平衡对 lt an
  • 使用异步调用时如何从 javascript 更新元刷新?

    我有一个系统 它使用元刷新来注销页面 该系统会在空闲用户后进行清理 不用担心 服务器也会导致会话超时 我开始通过 ajax 进行一些操作 不是真正的 xml 但这不是重点 我可以运行从异步请求返回的javascript 所以我想知道是否可以
  • 在 Javascript 中减少/分组数组

    基于this https stackoverflow com a 40774906 3254598例如 我想以稍微不同的方式按对象进行分组 结果应该如下 key audi items make audi model r8 year 2012
  • 如何在 gulp.src 中使用基本正则表达式?

    我正在尝试选择两个文件gulp src highcharts js and highcharts src js 当然 我知道我可以使用数组表达式显式添加这两个表达式 但出于学习目的 我尝试为它们编写一个表达式 我读过可以使用简单的正则表达式
  • 单击列表时使用 bootstrap Dropdown 防止下拉菜单消失

    我正在使用使用引导下拉菜单 http twitter github com bootstrap javascript html dropdowns生成下拉菜单 我想防止点击菜单时菜单消失 我已经实现了以下代码 但它不起作用 知道如何修复它吗
  • 用于 C# XNA 的 Javascript(或类似)游戏脚本

    最近我准备用 XNA C 开发另一个游戏 上次我在 XNA C 中开发游戏时 遇到了必须向游戏中添加地图和可自定义数据的问题 每次我想添加新内容或更改游戏角色的某些值或其他内容时 我都必须重建整个游戏或其他内容 这可能需要相当长的时间 有没

随机推荐

  • 程序设计思维 week9 作业B-东东学打牌

    目录 题目 Input Ouput Sample Input Sample Ouput 思路 代码 总结 题目 所有扑克牌只按数字来算大小 忽略花色 每张扑克牌的大小由一个值表示 A 2 3 4 5 6 7 8 9 10 J Q K 分别指
  • 实时手写数字识别

    PS 好久之前的博客了 再整理百度云的时候翻到了之前的代码 贴在这里 代码 手写数字识别作为模式识别领域的一个重要问题 也有着重要的理论价值 在大数据时代的背景下 其应用领域非常之广 很多学者对手写数字识别提出了不同的算法 取得了不错的测试
  • 交易猫不显示服务器,交易猫上号器一直显示检查游戏环境

    交易猫上号器怎么登录 1 进入交易猫官网 在首页搜索店铺名字 租号社区 2 进入卖家店铺 租号社区 选购帐号 3 下单后等待客服发送帐号信息 上号器下载链接和解锁码 4 收到解锁码后进入下载链接下载专用上号器 5 安装好后输入12开头的登录
  • static用法

    本用法针对于C语言 文中所用代码在Qt中均运行成功 static 主要用法 修饰变量 修饰函数 1 修饰变量 形成动态变量和静态变量 动态变量 不使用static include
  • 全栈之路-前端篇

    欢迎关注 全栈工程师修炼指南 公众号 点击 下方卡片 即可关注我哟 设为 星标 每天带你 基础入门 到 进阶实践 再到 放弃学习 涉及 企业运维 网络安全 应用开发 物联网 人工智能 大数据 学习知识 花开堪折直须折 莫待无花空折枝 作者主
  • 扫盲-以太网MII接口类型大全-MII、RMII、SMII、GMII、RGMII、SGMII、XGMII、XAUI、RXAUI

    一 简介 MII是英文 Medium Independent Interface 的缩写 翻译成中文是 介质独立接口 该接口一般应用于以太网硬件平台的MAC层和PHY层之间 MII接口的类型有很多 常用的有MII RMII SMII SSM
  • 如何查看歌曲的tag信息?

    右键歌曲 gt 属性 gt 详细信息 gt ok 相关链接 C 获取 mp3文件信息 tag信息 歌曲的tag信息是什么
  • HZNU - 研究生music

    专业类别 1351艺术 专业代码及名称 135101音乐 研究方向 01作曲 02声乐演唱 03钢琴演奏 04中国乐器演奏 05管弦乐器演奏 06合唱指挥 07音乐教育 08美育教育 院系所 019音乐学院 2023年拟招生人数 29 初试
  • Tensorflow LSTM连续序列预测方法实践

    本文展示了如何使用循环神经网络去估计一个向量序列 我们会使用到LSTM的网络 我在网上找的 大多数用到LSTM的例子都是用来解决自然语言处理方面问题的 还没有找到相关的例子可以用在预测连续 值序列上 所以写下了本文 所以本文的任务是基于历史
  • 2021-09-15

    TOC LDO输入输出电容如何选择 输出电容如何影响LDO稳定性 输出电容的影响主要是两点 影响LDO的闭环控制环路 LDO本质上也是一个自动控制系统 通过将输出反馈回输入端 判断误差 不断调节输出 这里就存在一个闭环反馈回路 这里以LT1
  • 程序员失业的日子越来越近吗?

    从不用再写CSS和数据库代码想到的 随着5G AI时代到来 似乎程序员的事会越来越多 工作机会越来越多 薪水也会越来越高 但是 从HZ V智能数据库和HEIweb智能生成工具的诞生 可以预见的是 至少在Web开发中 需要程序员去做的事会越来
  • 谁说Redis不支持事务?

    一 概述 概念 可以一次执行多个命令 本质是一组命令的集合 一个事务中的所有命令都会序列化 按顺序地串行化执行而不会被其它命令插入 不许加塞 Redis部分支持事务 不支持的是 强一致性 能干嘛 一个队列中 一次性 顺序性 排他性的执行一系
  • 华为OD机试 - 寻找最大价值的矿堆(Java)

    题目描述 给你一个由 0 空地 1 银矿 2 金矿 组成的的地图 矿堆只能由上下左右相邻的金矿或银矿连接形成 超出地图范围可以认为是空地 假设银矿价值1 金矿价值2 请你找出地图中最大价值的矿堆并输出该矿堆的价值 输入描述 地图元素信息如
  • Snipaste - 截图贴图软件

    一款名为 Snipaste 的截图贴图软件 个人用户免费使用 并且无广告 本文只介绍软件的安装和截图功能 软件的贴图功能不在本文的介绍范围内 文章目录 一 Snipaste官网地址 二 开机自启 三 快捷键 四 鼠标行为 五 输出文件名称
  • vue实现简单瀑布流布局(vue-waterfall2)

    1 安装vue waterfall2 npm i vue waterfall2 latest save 或者 yarn add vue waterfall2 latest save 2 main js中全局使用 注意 如果不在main js
  • 爬取研招网招考信息

    电子信息类考研科目 为了了解全国研究生院校电子系信息类专硕考察科目 特地开发一份爬虫程序将研招网的相关考试信息爬取下来 方便自己日后使用 也方便大家分析相关高校 文章目录 电子信息类考研科目 1 理清代码逻辑 2 请求并提取所需数据 3 M
  • JMeter 测试组件介绍 - 物联网大并发测试实战 02

    在本系列文章的上一篇中 我们介绍了开源测试工具 JMeter 并以一个简单的HTTP测试为例一窥JMeter的能力 在本篇文章中 我们将进一步介绍JMeter丰富的组件 以帮助大家构建复杂场景的测试脚本 JMeter的测试脚本在界面中以 树
  • 酷炫的可视化数据地图都是咋做的?10分钟学会

    全文干货较多 建议收藏 相信不少小伙伴都看到过大佬做的可视化大屏中有地图呈现 将数据情况结合地图共同展现 既有观赏性 又更加直观 其实想要完成一个可视化的地图 乃至多层地图展现并不难 五分钟永洪君包你学会 想要完成一个酷炫的可视化地图 需要
  • C++ 求绝对值函数abs()

    cout lt lt sizeof int lt lt lt lt sizeof long lt lt lt lt sizeof long long lt lt lt
  • JS控制 input 输入字符限制

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