html – 防止输入形式输入type =“number”的负输入?

前端之家收集整理的这篇文章主要介绍了html – 防止输入形式输入type =“number”的负输入?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想以html形式将用户输入限制为正数.

我知道你可以设置min =“0”,但是可以通过手动输入一个负数来绕过它.

有没有办法解决这个没有书面的验证功能

解决方法

@H_502_9@ 如果没有验证输入的值,这是不可能的.

07000

The input element with a type attribute whose value is “number” represents a precise control for setting the element’s value to a string representing a number.

由于它是一个表示数字的字符串,所以无法确定字符串可能表示数字值.

允许的属性不会使您能够验证数字输入控件的值.

在JavaScript的帮助下执行此操作的一种方法可能如下所示.

// Select your input element.
var numInput = document.querySelector('input');

// Listen for input event on numInput.
numInput.addEventListener('input',function(){
    // Let's match only digits.
    var num = this.value.match(/^\d+$/);
    if (num === null) {
        // If we have no match,value will be empty.
        this.value = "";
    }
},false)
<input type="number" min="0" />

如果您计划将数据发送到服务器,请确保验证服务器上的数据.客户端JavaScript无法确保正在发送的数据将是您期望的数据.

原文链接:https://www.f2er.com/html/231462.html

猜你在找的HTML相关文章