我正在寻找一种方法,以防止用户输入负数,但允许他们输入浮点数

  • 我正在使用Angular 工具,所以Angular 工具也是一个考虑因素 谢啦!

推荐答案

您可以在keypress上使用一个简单的javascript函数,并检测用户何时输入-并禁用该功能.event.charCode != 45检测并禁止用户键入破折号(-).

<input type="text" onkeypress="return event.charCode != 45">

为了防止用户输入任何类型的文本并仅启用数字,您可以将输入字段的type更改为number,并将min属性也添加为0.您还可以将step个属性添加为小数.

<input type="number" min=0.01 step=0.01 onkeypress="return event.charCode != 45">

Html相关问答推荐

CSS Flex行之间的空间很大

值更新时旋转数字动画

Flexbox嵌套div溢出

网格容器中的定心元件

通过动态div的对角线

创建带有弯曲边框的水平时间线

在网页上的 Select 器中显示选项时出现问题:未在GO模板中传递循环{{range}}的数据

如何创建带有粘性列和标题的网格?

禁用的文本区域会丢失换行符

HTMLTag属性内的svelte+TS类型声明

Vutify中看不见的V行

如何制作带有粘性头和脚的可滚动车身

为什么我的 html 对话框在 React 中没有渲染在我的内容之上?

并排放置两个 div,同时 div2 环绕 div1

当作为常规图片输入时,Cloudfront分布式图像可显示,但作为背景图像不显示

如何使用CSS将页面标题水平居中对齐

HTML、CSS设计图像出格

如何清除html输入中的文本

提交前的验证表单未显示任何验证消息?

在部分而不是正文中定义页面宽度