首页 > 其他分享 >input输入框只能输入数字,只能输入字母数字组合

input输入框只能输入数字,只能输入字母数字组合

时间:2023-04-13 16:47:14浏览次数:38  
标签:只能 中文 数字 小数点 value 输入框 输入

转自:https://www.jianshu.com/p/fc5d02cdf3d7

输入大小写字母、数字、下划线:
<input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');">

输入小写字母、数字、下划线:
<input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');">

输入数字和点
<input type="text" onkeyup="value=value.replace(/[^\d.]/g,'')">

输入中文:
<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">

输入数字:
<input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')">

输入英文:
<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">

输入中文、数字、英文:
<input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">

输入数字和字母:
<input onKeyUp="value=value.replace(/[\W]/g,'')">

除了英文的标点符号以外,其他的都可以中文,英文字母,数字,中文标点
<input type="text" onkeyup="this.value=this.value.replace(/[!@#$%^&*()-=+]/g,'')">

只能输入数字代码(小数点也不能输入)
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

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

数字和小数点方法二
<input type=text t_value="" o_value="" onkeypress="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" onkeyup="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" onblur="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}">

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

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

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

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

小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup="this.value=this.value.replace(/^(-)(\d+).(\d\d)./,'12.3')">



作者:熊超_H5
链接:https://www.jianshu.com/p/fc5d02cdf3d7
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

标签:只能,中文,数字,小数点,value,输入框,输入
From: https://www.cnblogs.com/hadas/p/17315329.html

相关文章

  • 数字先锋 | “智慧旅游”新模式,天翼云助力张家界旅游产业创新发展!
    万物复苏、草长莺飞,正是春游踏青的好时节。2023年开年以来,我国文化和旅游产业迎来强劲复苏,其中,数字科技的多样化运用,成为各地景区整合旅游资源、创新消费场景的“引流”好帮手。近年来,随着云计算、大数据等为代表的新一代信息技术的普及应用,科技与文旅融合发展成为新的行业趋势。......
  • 实现数字化转型升级,快速开发平台流辰信息来助力!
    在如今迅猛发展的年代里,科技的力量是伟大的,可以让老百姓的生活变得丰富多彩,也可以让各行各业的企业实现办公自动化,朝着数字化转型升级,快速提升办公协作效率。快速开发平台流辰信息作为一家低代码平台服务商,深知肩上所扛的责任与义务,将秉承初心,持续奋斗,创新研发,为行业的进步和用户......
  • 元宇宙办公数字新世界缔造更多的不可思议
    元宇宙,是一种全新的数字世界,它在虚拟现实技术的基础上,构建了一个真实而又无限的数字空间。在这个空间里,人们可以自由地交互、创造、学习、娱乐、办公,甚至是建立自己的社交网络。随着技术的不断进步和人们对于数字化的需求不断增长,元宇宙办公已经成为数字世界的重要发展方向之一。在......
  • 输入框(input) 样式
     使用width属性来设置输入框的宽度:CSS实例input{width:100%;}尝试一下»以上实例中设置了所有<input>元素的宽度为100%,如果你只想设置指定类型的输入框可以使用以下属性选择器:input[type=text] -选取文本输入框input[type=password] -选择密码的输入框in......
  • 中国数字前行者共同发声:Digital, Give me five
    穷则变,变则通,通则久。——语出《系辞·下》这世界上唯一不变的就是变化,20多位来自各行业的数字前行者共同发声:Digital, givemefive!击掌的瞬间,缘,妙不可言。 变变变,一切都在变!改革开放40多年的发展,不仅改变了中国的命运,同样也改变了每一个中国人的生活。对比一下40年前与40年后,......
  • 戴尔科技全面创新,让数字化梦想照见现实
    随着全球企业用户在云化之路上越走越快,云已经逐渐深入到了行业应用的关键领域。来自私有云、公有云、混合云的交替性影响,针对核心数据中心的云化趋势已经十分清晰。然而,在边缘端的云化却还处于一个新需求与新形态。在这种情况下,戴尔科技集团聚焦用户在边缘、核心数据中心、云领域的......
  • C# 限制输入为字母或数字以及长度
    日常开发过程中,验证字符的合法性一直是一个必不可少的步骤,以前都是在用户输入完再做判断,不仅麻烦在不符合标准的时候还要提示用户修改,体验很差,为什么不在输入的时候加以限制呢?以Winform的TextBox控件为例,这里提供两种方案:通过字符匹配正则表达式在用户输入时限制,所以选用......
  • 解读元宇宙:数字世界的未来前景和挑战
    随着科技的迅猛发展,元宇宙成为近年来备受瞩目的话题。作为一个虚拟的数字世界,元宇宙将人类带入了一个全新的数字体验领域,拥有无限的可能性。本文将对元宇宙的未来前景和挑战进行解读。一、元宇宙的未来前景元宇宙是一个由虚拟世界构成的数字生态系统,通过虚拟现实(VR)、增强现实(AR)......
  • 【剑指 Offer】 39. 数组中出现次数超过一半的数字
    【题目】数组中有一个数字出现的次数超过数组长度的一半,请找出这个数字。 你可以假设数组是非空的,并且给定的数组总是存在多数元素。 示例1:输入:[1,2,3,2,2,2,5,4,2]输出:2 限制:1<=数组长度<=50000 来源:力扣(LeetCode)链接:https://leetcode.cn/problems/shu-zu......
  • 【剑指 Offer】 56 - II. 数组中数字出现的次数 II
    【题目】在一个数组nums中除一个数字只出现一次之外,其他数字都出现了三次。请找出那个只出现一次的数字。示例1:输入:nums=[3,4,3,3]输出:4示例2:输入:nums=[9,1,7,9,7,9,7]输出:1 限制:   1<=nums.length<=10000   1<=nums[i]<2^31 来源:力扣(LeetCode)链接:http......