Question

我想在我的HTML页面上显示一条消息，指示用户输入密码字段中允许的内容。我在HTML标记中有以下内容

<input type="Password" data-val="true" name="password"/>

HTML密码输入的所有允许值是什么？

Answer 1

<input type="Password" data-val="true" name="password" required maxlength=”15” minlength=”4” pattern=”[1-4]{5}” />

<强> HTML

<form name="ValidationForm">
    Password: <input type="password" id="password1"/>
    Confirm Password:<input type="password" id="password2"/>
    <input type="submit" value="submit"/>
</form>

<强> JS

<script type="text/javascript">
window.onload = function () {
    document.getElementById("password1").onchange = validatePassword;
    document.getElementById("password2").onchange = validatePassword;
}
function validatePassword(){
var pass2=document.getElementById("password2").value;
var pass1=document.getElementById("password1").value;
if(pass1!=pass2)
    document.getElementById("password2").setCustomValidity("Passwords Don't Match");
else
    document.getElementById("password2").setCustomValidity('');  
//empty string means no validation error
}
</script>

确定你可以使用JQuery而不是行JS

Answer 2

由于您使用的是data-val属性，我假设您使用的是jquery-validate的不显眼版本。

有关验证规则的完整列表，请参阅this article。

Answer 3

http://dev.w3.org/html5/markup/input.password.html

值：任何不包含换行符（U + 000A，“LF”）或回车符（U + 000D，“CR”）字符的字符串。

换句话说，默认情况下你可以在你喜欢的地方放几乎任何文字，除了上面两个例外。

输入类型“密码”的所有验证规则是什么

3 个答案: