如何不使用JavaScript仅用HTML验证密码输入？

当然可以，借助HTML5的原生表单验证属性，不用JavaScript就能实现你要的密码规则校验。

直接修改你的输入框代码即可：

<input type="password" id="pass" name="pass"
       required
       minlength="8"
       pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}$"
       title="密码需满足：至少8个字符，同时包含数字、大写字母和小写字母">

各属性作用说明： #

• required：强制用户必须填写该字段，不能为空
• minlength="8"：直接限定密码最短长度为8位，部分浏览器会单独针对长度不足给出提示
• pattern：通过正则表达式定义核心验证规则：
  • (?=.*\d)：匹配至少一个数字
  • (?=.*[a-z])：匹配至少一个小写英文字母
  • (?=.*[A-Z])：匹配至少一个大写英文字母
  • .{8,}：确保密码总长度不小于8位
• title：当输入不符合规则时，浏览器会弹出这段提示文字，明确告诉用户需满足的条件

重要提醒： #

客户端验证只是提升用户体验的手段，绝对不能省略后端验证。恶意用户可以轻易篡改HTML代码绕过前端校验，所以后端必须对密码再执行一次完全相同的规则校验，确保数据安全。

内容的提问来源于stack exchange，提问作者yunes Mohammady