Question

<script type="text/javascript">

// at least one number, one lowercase and one uppercase letter
// at least six characters
var re = /(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}/;
var validPassword = re.test(input);

</script>

大家好我有密码输入验证。但是，我不知道如何插入一个输入框和一个调用该支票的提交按钮。

目前我有一个输入框和提交按钮，如果编译它将会出错。

Answer 1

如果你的HTML符合以下几行：

<form action="somewhere.php" method="post" id="yourForm">
    <input type="password" id="pass" />
    <input type="submit" />
</form>

然后您可以使用以下JavaScript：

document.getElementById("yourForm").onsubmit = function() {
    var re = /(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}/;
    var validPassword = re.test(document.getElementById("pass").value);
    return validPassword;
}

这只是将click事件处理程序附加到提交按钮，并根据输入值测试正则表达式。如果正则表达式匹配，表单将正常提交。如果没有，则会返回false，表单将不会提交。

这是working example。

JavaScript输入验证

1 个答案: