限制input框中的输入类型及长度 您所在的位置:网站首页 el-input限制长度number 限制input框中的输入类型及长度

限制input框中的输入类型及长度

2024-05-11 03:55| 来源: 网络整理| 查看: 265

限制input框中的输入类型及长度

@[toc]

前言:今天主要聊聊对输入框加限制的问题。在做项目时,想要给输入框输入做限制要求,但经过反复尝试得不到想要的效果,因此在百解之下,终于找到了心仪的办法

日常input框

有过之前写手机号验证、身份证号验证的经验,因此第一想法是使用正则表达式进行匹配判断

1、只能输入纯数字 2、只能输入数字和小数点 3、只能输入数字和字母 4、限制只能是整数

如果不是整数就直接alert

5、输入大于0的正整数 6、限制是两位的小数 7、简易禁止输入汉字 输入法不转换,但可粘贴上 8、输入数字和小数点 9、只能数字和"-",例如在输入时间的时候可以用到 10、文本框只能输入数字代码(小数点也不能输入) 11、只能输入数字,能输小数点. 12、只能输入字母和汉字 13、只能输入英文字母和数字,不能输入中文 14、只能输入数字和英文 chun 15、小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号 8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号: 16、取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 17、只读文本框内容,在input里添加属性值 readonly 18、防止退后清空的TEXT文档(可把style内容做做为类引用) 19、ENTER键可以让光标移到下一个输入框 20、只能为中文(有闪动) 21、只能为数字(有闪动) 22、只能为数字(无闪动) 23、只能输入英文和数字(有闪动) 24、屏蔽输入法 25、只能输入 数字,小数点,减号(-) 字符(无闪动) 26、只能输入两位小数,三位小数(有闪动)


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有