首页 > 其他分享 >前端小知识

前端小知识

时间:2024-01-25 11:34:13浏览次数:21  
标签:只能 中文 数字 前端 知识 小数点 字母 输入

一、input 框限制

1. 只能输入数字代码(小数点也不能输入)

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

2. 只能输入数字,能输小数点

<input onkeyup="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 onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

4. 小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号

<input onkeypress="if((event.keyCode<48 || event.keyCode>57) &amp;&amp; event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

5. 数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号

<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

6. 输入数字

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

7. 输入中文

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

8. 输入英文

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

9. 只输入数字和字母

<input class="input" maxlength="12" size="15" name="username" id="username" οnkeyup="value=value.replace(/[\W]/g,'')">

 

标签:只能,中文,数字,前端,知识,小数点,字母,输入
From: https://www.cnblogs.com/superyonng/p/17986799

相关文章

  • 在vue中前端自己写分页
    在写一个批量上传图片的功能,需要对每一个上传的图片改写文件名并上传。因此需要查看每一张图片的信息。图片过多,就需要使用分页来展示数据了,下边是部分代码<el-pagination@current-change="handleCurrentChange":current-page="page":page-size="limit" layout="total,p......
  • Django学习第一天-Flask_Web前端HTML部分
    目录1.day11.快速开发网站2.浏览器能识别的标签2.1编码2.2title2.3标题2.4div和span2.5超链接2.6图片小结2.7列表2.8表格2.9input系列(7个)2.10下拉框2.11多行文本案例:用户注册2.12网络请求目的:开发一个平台(网站)-前端开发:HTML、CSS、JavaScript-Web框架:接收并处理请求......
  • CV 基础知识学习笔记
    简略记录一下一些基本的CV的知识参考:https://www.bilibili.com/video/BV1q7411T7Y6/输出层计算公式:\(out_{size}=(in_{size}-F_{size}+2P)/S+1\)\(in_{size}\)为输入长度\(F_{size}\)为权重矩阵长度,减掉意义为去掉第一个矩阵长度。\(P\)为padding,即填充长......
  • java反射&代理面试知识
    java反射何为反射?如果说大家研究过框架的底层原理或者咱们自己写过框架的话,一定对反射这个概念不陌生。反射之所以被称为框架的灵魂,主要是因为它赋予了我们在运行时分析类以及执行类中方法的能力。通过反射你可以获取任意一个类的所有属性和方法,你还可以调用这些方法和属性。......
  • 鸿蒙开发之ArkTS基础知识
    一、ArkTS简介ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript(简称TS)的基础上,匹配了鸿蒙的ArkUI框架,扩展了声明式UI、状态管理等相应的能力,让开发者以更简洁、更自然的方式开发跨端应用。了解ArkTS之前,我们需要先了解下ArkTS、TypeScript和JavaScript之间的关系。JavaScri......
  • 互联网产品经理需要具备哪些专业知识?建议收藏
    现如今产品经理是一个很热门的岗,尤其是这几年,随着互联网发展迅速,互联网公司的崛起,,有很多其他行业的人士转行来做产品。 在互联网公司中,产品经理是很重要的一个岗位,也是公司的核心,一款知名度高的产品背后肯定有一个专业的产品团队,产品经理是企业中专门负责产品管理职位,互联网产品......
  • [转]记录原生table转excel表格并导出功能_前端知识库
    不需要引进其他前端插件,还可以保留原有样式,简单表导出非常合适.实测有效,只是貌似只能使用xls后缀名,而且打开时office会有警告,原理可以看后面的其他参考文章,应当是利用url,所以大小可能有2M的限制,所以不适合导出大文件.原文地址:记录原生table转excel表格并导出功能_前端......
  • 前端性能测试 - 页面运行性能测试场景拓展
    前言对于前端场景复杂且需保持常态开启的页面(例如在线表格、高频大屏),客户在实际应用场景中长时间使用会很容易出现性能问题。但是在测试场景下,并不是那么容易观察到,为了更好的评估和描述出现的问题,当前主要对页面性能场景作以下分类:下载页面性能表现运行时性能表现这篇文章主要跟大......
  • 从零开始知识蒸馏(自用版)
    一、什么是知识蒸馏,为什么要使用知识蒸馏?知识蒸馏是一种将预先训练的教师网络的知识转移到学生网络的方法,使小型网络可以在网络部署阶段取代大型教师网络。知识蒸馏的概念最初是由Hinton等人提出的,已广泛应用于各个领域和任务。知识蒸馏的基本原理是通过训练一个更小、更轻量级的......
  • ClickHouse知识汇总
    什么是OLAP与OLTPOLAP(OnLineAnalyticalProcessing)联机分析系统;OLTP(OnLineTransactionProcessing)联机事务处理系统;OLAP主要用来读取数据、分析数据,辅助运营决策分析。数据一次性批量写入后,分析师需要从各种角度出发,对数据进行挖掘分析,以期发现其中的商业价值、业务变化趋势......