前端正则限制输入框只能输入数字

可以使用JavaScript的正则表达式来实现限制输入框只能输入数字的功能，并在输入非数字时进行提示。

首先，在HTML中给需要限制的输入框添加一个事件监听，监听输入事件：

<input type='text' id='numberInput' oninput='checkInput(this)'>
<p id='errorMsg'></p>

然后，在JavaScript中编写checkInput函数来进行输入限制和错误提示：

function checkInput(input) {
  // 使用正则表达式匹配非数字的字符
  var reg = /[^0-9]/g;
  var value = input.value;
  
  // 判断是否有非数字字符存在
  if (reg.test(value)) {
    // 如果有非数字字符，则在错误提示标签中显示提示信息
    document.getElementById('errorMsg').textContent = '只能填写数字';
    // 将非数字字符替换为空字符
    input.value = value.replace(reg, '');
  } else {
    // 如果没有非数字字符，则清空错误提示标签中的内容
    document.getElementById('errorMsg').textContent = '';
  }
}

这样，当输入框中输入了非数字字符时，会在错误提示标签中显示提示信息，并将非数字字符替换为空字符，从而实现了限制输入框只能输入数字的功能。