验证弹出窗口中的电话 10 位号码，如果小于 10 则阻止提交答案

【问题标题】：Validate the Phone 10 digit number in the pop up and prevent from being submitted if less than 10验证弹出窗口中的电话 10 位号码，如果小于 10 则阻止提交
【发布时间】：2019-01-25 17:22:47
【问题描述】：

您可以在弹出窗口中看到测试表单：https://dtreacy.lpages.co/test-1/（单击“开始打开”）。到目前为止，我已经能够使用以下内容输入掩码：

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 位时提交表单。

【问题讨论】：

if (value.length
可能重复stackoverflow.com/questions/22447930/…
我已经查看了常见的 SO 答案。我无法控制表单标签，因此无法添加模式属性，无法将ID添加到表单标签。

标签： javascript

【解决方案1】：

将按钮的类型设为按钮而不是提交，通过js提交表单喜欢

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

设置表单的id，按照本教程操作How to submit form through Javascript

【讨论】：

它不会阻止表单被提交。
我更新了答案，请看一下，如果它解决了你的问题，标记它为其他人解决了
设置 ID 不是一个选项。我们正在使用第 3 方页面构建器。
然后直接使用 document.forms[0].submit() 并检查它是否有效，您也可以通过js的父属性访问表单