2015-10-20 855 views
0

如何验证密码并用html 5注册表格确认密码?我知道如何处理Java脚本和jQuery。但我是新的HTML5,所以想与它做。html 5验证密码并确认密码

 <input type="password" placeholder="Password" name="password" id='password1' required> 
     <input type="password" placeholder="Confirm Password" name="confirm_password" id="password2" required> 
+0

看看这个:http://stackoverflow.com/questions/9142527/can-you-require-two-form-fields-to-match -with-html5 –

+1

我真的不认为你只能用HTML5来做到这一点。 HTML5确实启用了一些验证,甚至模式匹配,但我不认为它可以比较两个字段。我很确定你需要一些JavaScript来比较这两个值。 – Pavlin

回答

0

你可以试试这个

<input id="password" name="password" type="password" pattern="^\S{6,}$" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Must have at least 6 characters' : ''); if(this.checkValidity()) form.password_two.pattern = this.value;" placeholder="Password" required> 

<input id="password_two" name="password_two" type="password" pattern="^\S{6,}$" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Please enter the same Password as above' : '');" placeholder="Verify Password" required>