如何在数字字段联系人表7 WP中指定确切的数字数？

Question

表格7- Wordpress

如何在数字字段联系人表7 WP中指定确切的数字数？

精确的9长度号码验证。

Answer 1

HTML中的验证和表单提交的验证是双重的.

HTML

<input name="numbers" type="text" maxlength="9" size="20" pattern="^\d{9}$" placeholder="9 digits only" />

这将输入限制为9个字符，允许模式只匹配9位数字，如果输入区域不正确，将使输入区域变红，并添加占位符文本以警告用户。

JavaScript

例如，它使用一个简单的按钮来验证表单提交之前的输入：

const button = document.querySelector('button');
button.addEventListener('click', formHandler, false);

function formHandler(e) {

  // Don't submit the form yet
  e.preventDefault();

  // Grab the form
  const form = document.forms[0];

  // Use the same regex as in the HTML to test the input value
  if (/^\d{9}$/.test(form.numbers.value)) {
    console.log('OK') // form.submit() ?
  } else {
    console.log('Fail')
  }
}

演示