使用 javascript 正则表达式匹配验证输入文本字段 [关闭]答案

【问题标题】：Validation of input text fields with javascript regex match [closed]使用 javascript 正则表达式匹配验证输入文本字段 [关闭]
【发布时间】：2020-09-22 10:24:53
【问题描述】：

我想在正则表达式的帮助下验证表单中的 2 个文本字段，但是在循环字段值时遇到正则表达式匹配错误 - 提交表单时出现错误：“未捕获的 TypeError：elem .match 不是函数”。

我想使用日期格式 dd.mm.yyyy 并且我需要使用文本字段，不能使用日期字段。

HTML：

<form method="post" onsubmit="checkForm(); return false;" action="#">

<input type="text" id="jform0" name="jform0" value="12.12.2020" class="calendar_date">
<input type="text" id="jform1" name="jform1" value="12.12.2020" class="calendar_date">

<input type="submit" value="Posodobi">
</form>

Javascript：

function checkForm() {
  // regular expression to match required date format
  re = /^\d{1,2}\.\d{1,2}\.\d{4}$/;

  document.querySelectorAll(".calendar_date").forEach((elem) => {
    if (elem.value != "" && !elem.match(re)) {
      alert("Invalid date format: " + elem.value);
      elem.focus();
      return false;
    }
  });

  alert("All input fields have been validated!");
  return true;
}

示例：https://jsfiddle.net/esedic/4gtn1hw3/13/

任何想法，为什么这不起作用？

【问题讨论】：

标签： javascript regex validation

【解决方案1】：

使用elem.value.match(...) 而不是elem.match(...)

【讨论】：

当然，谢谢！