html页面输入框点击提交按钮后用JavaScript实现只能输入10位数字如不是10位数字弹框提示

好的，可以按照下面的步骤实现：

1. 在HTML中，我们需要定义一个输入框和一个提交按钮：

<input type="text" id="inputBox">
<button onclick="submitInput()">提交</button>

2. 在JavaScript中，我们需要编写一个函数来检查输入框中的内容是否为10位数字，并且在输入不合法时弹出提示框：

function submitInput() {
  var input = document.getElementById("inputBox").value;
  var reg = /^\d{10}$/;
  if (reg.test(input)) {
    // 输入合法，可以提交数据
    alert("提交成功！");
  } else {
    // 输入不合法，弹出提示框
    alert("请输入10位数字！");
  }
}

3. 在函数中，我们首先获取输入框中的内容，然后使用正则表达式来检查是否为10位数字。如果是，弹出“提交成功”的提示框，否则弹出“请输入10位数字！”的提示框。

4. 最后，我们需要在HTML中的提交按钮中调用这个函数，所以需要在按钮的`onclick`属性中添加`submitInput()`。

完整的代码如下：

<input type="text" id="inputBox">
<button onclick="submitInput()">提交</button>

<script>
function submitInput() {
  var input = document.getElementById("inputBox").value;
  var reg = /^\d{10}$/;
  if (reg.test(input)) {
    // 输入合法，可以提交数据
    alert("提交成功！");
  } else {
    // 输入不合法，弹出提示框
    alert("请输入10位数字！");
  }
}
</script>