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')
  }
}

<强> DEMO

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

1 个答案: