html 5 验证密码和确认密码

Question

如何使用 html 5 在注册表单中验证密码和确认密码？我知道如何使用 java 脚本和 jquery。但我是 html5 的新手，所以想使用它。

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

Answer 1

你可以试试这个

<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>