JavaScript表单验证并阻止提交

时间:2018-08-07 13:43:02

标签: javascript

如果在文本字段中仅输入特定字符<> {}而不是所有特殊字符,如何防止submision?我迷失了方向:/

2 个答案:

答案 0 :(得分:0)

我没有确切的答案,因为您没有发布任何示例代码。我只能指出这篇文章https://javascript.info/bubbling-and-capturing,它解释了事件冒泡的工作原理。一种解决方案是在验证未通过的情况下使用event.stopPropagation()

在这里工作的前妻:

<!DOCTYPE html>
<html>

<head>
  <script>
    function validateForm() {
      const regex = new RegExp('^[a-zA-Z]+$');
      const input = document.forms['someForm']['somename'].value;
      if (regex.test(input)) {
        console.log("true");
      } else {
        console.log("false");
        return false;
      }
    }
  </script>
</head>

<body>


  <form name="someForm" onsubmit="return validateForm()" method="post">
    Name: <input type="text" name="somename">
    <input type="submit" value="Submit">
  </form>
</body>

</html>

答案 1 :(得分:0)

我认为您正在寻找正则表达式。让我知道是否有帮助

$(":input").each(function() {
  var input = $(this).val();
  var regex = new RegExp("^[a-zA-Z]+$");
  if(regex.test(input)) {
    alert("true");
  } else {
    alert("false");
    return false;
  }
})