1、新建一个html文件，命名为test.html。
2、在test.html文件内，在p标签内，使用input标签创建一个数字输入框，用于数字的输入。
3、在test.html文件内，设置input标签的id为num，主要用于下面通过该id获得input对象。
4、在test.html文件内，使用button标签创建一个按钮，按钮名称为“验证输入内容”。
5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行panduan（）函数。
6、在js标签中，创建panduan()函数，在函数内，使用val()方法获得输入的内容，在if语句内，使用isNaN()方法判断输入的内容是不是数字，并且是否大于0，如果满足这两个条件，则提示“输入正确”,否则提示“请输入大于零的数字”。
可以使用如下正则表达式来限制输入框的输入内容：
/^(?!0\d|\.-|\.\.|-0\d|-)(?!.*\.\..*)(?!.*--.*)(?!.*-$)([1-9][0-9]*|0)(\.[0-9]{0,10})?$/
该正则表达式的解释如下：
^：匹配输入的字符串开头。
(?!0\d|\.-|\.\.|-0\d|-)：负向先行断言，表示输入的字符串不能以 0 开头、.-、..、-0 开头或 - 结尾。
(?!.*\.\..*)(?!.*--.*)：负向先行断言，表示输入的字符串不能包含两个及以上的连续 . 或 --。
(?!.*-$)：负向先行断言，表示输入的字符串不能以 - 结尾。
([1-9][0-9]*|0)：表示输入的字符串必须为数字，可以以 0 或者 1-9 开头，后面跟着 0 个或多个数字。
(\.[0-9]{0,10})?：表示输入的字符串可以包含小数点和最多 10 位小数。
$：匹配输入的字符串结尾。
可以将该正则表达式应用到输入框的 oninput 或 onkeydown 事件中，以便实时验证用户输入的内容，并在输入不符合要求时阻止输入。例如：
const input = document.querySelector('#myInput')
input.addEventListener('input', (event) =>{
const value = event.target.value
const isValid = /^(?!0\d|\.-|\.\.|-0\d|-)(?!.*\.\..*)(?!.*--.*)(?!.*-$)([1-9][0-9]*|0)(\.[0-9]{0,10})?$/.test(value)
if (!isValid) {
event.target.value = value.slice(0, -1)// 阻止输入
}
})
在这个例子中，我们首先获取了一个 id 为 myInput 的输入框，并添加了一个 input 事件监听器。在事件处理程序中，我们获取了输入框的值，并使用正则表达式对其进行验证。如果验证失败，我们阻止输入，即将输入框的值设为原来的值减去最后一位。这样，就能够实现对输入框的限制。
js正则判断输入框只允许输入数字和空格，可参考以下：1，输入框只能输入字母和下横线的正则表达式 复制代码 代码示例:<input onkeyup="this.value=this.value.replace(/[^_a-zA-Z]/g,'')" onpaste="this.value=this.value.replace(/[^_a-zA-Z]/g,'')">2，输入框只能输入字母数字和下横线的正则表达式 复制代码 代码示例:<input onkeyup="this.value=this.value.replace(/[^\w]/g,'')" onpaste="this.value=this.value.replace(/[^\w]/g,'')">或 <input onkeyup="this.value=this.value.replace(/[\W]/g,'')" onpaste="this.value=this.value.replace(/[\W]/g,'')">
