使用javascript表单验证正则表达式

时间:2017-04-03 01:09:31

标签: javascript regex forms validation

你好我如何在我的表单验证中添加正则表达式我已经在下面做了非常基本的表单验证,并且只想添加正则表达式来增加安全性的任何想法? Noob at js

    <head>
    <script>
    function validateForm() {
    var x = document.forms["login"]["username"].value;
    if (x == "") {
    alert("Name must be filled out");
    return false;
    }
    var x = document.forms["login"]["password"].value;
    if (x == "") {
    alert("Password must be filled out");
    return false;
    }
    }
    </script>
    </head>

2 个答案:

答案 0 :(得分:0)

  function validateForm() {
    var x = document.forms["login"]["username"].value;
    if (!/^\w+$/.test(x)) {
    alert("Name must be filled out");
    return false;
    }
    var x = document.forms["login"]["password"].value;
    if (!/^\w+$/.test(x)) {
    alert("Password must be filled out");
    return false;
    }
  }

答案 1 :(得分:0)

Kerwin&#39;答案是测试输入是否为空。 &#39;测试&#39;函数将使用模式测试输入字符串以查看是否存在匹配。 / ^ w + $ /是你想要测试的正则表达式模式,它意味着:

  • 字符串以(by ^)
  • 开头
  • 一个或多个字母数字和下划线字符(\ w +,\ w表示字符集中的字符[a-zA-Z0-9_],+ 表示一个或多个)
  • 然后字符串结束(通过$,这确保用户输入以上面的字符结束,而不是像空格或新行一样)