使用表单的内置验证去验证用户注册是的账号,密码,确认密码信息
时间: 2023-06-15 16:03:09 浏览: 92
用户表单验证
好的,以下是一个示例的注册表单,包含了账号、密码和确认密码的内置验证:
```
<form>
<label for="username">账号:</label>
<input type="text" id="username" name="username" required minlength="6" maxlength="20" pattern="[a-zA-Z0-9]+">
<label for="password">密码:</label>
<input type="password" id="password" name="password" required minlength="8" maxlength="16" pattern="^(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*()_+-=]).{8,16}$">
<label for="confirm-password">确认密码:</label>
<input type="password" id="confirm-password" name="confirm-password" required minlength="8" maxlength="16" pattern="^(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*[!@#$%^&*()_+-=]).{8,16}$">
<input type="submit" value="注册">
</form>
```
在这个表单中,账号需要输入6到20个字母或数字,密码和确认密码需要输入8到16个字符,其中必须包含至少一个大写字母、一个小写字母、一个数字和一个特殊字符。确认密码需要与密码相同。如果任何一个输入框为空或格式不正确,表单提交将被阻止,用户需要根据错误提示进行修正。
阅读全文