Javascript 验证弹出窗口中的10位电话号码，如果少于10位，则禁止提交

您可以看到测试表单：在弹出窗口上单击GetStarted打开。 到目前为止，我已经能够通过以下方式输入掩码：

document.getElementById('06fc37a3bf5a6575096f513ba758203a-53SMSEbA4DKdUs7QEJBsZV').addEventListener('input', function (e) {
  var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/);
  e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : '');
});

---

我想要的是，如果电话号码不是10位数字，则阻止提交表单。

将按钮类型设置为button，而不是submit，并通过js提交表单 像

---

设置表单id并按照本教程操作

这不会阻止表单提交。我更新了答案，请查看，如果它解决了您的问题，请为其他人标记它已解决设置id不是一个选项。我们正在使用第三方页面生成器。然后只需使用document.forms[0]。直接提交并检查它是否有效。您也可以通过jsif value.length<10 return的父属性访问表单可能重复我已查看了常见的SO答案。我无法控制表单标记，因此无法添加模式属性，无法将ID添加到表单标记。

if(e.target.value.length < 10){
    alert('fail')
}else{
  // submit form through js
}