常用的 Bootstrap 5 表单 pattern 属性总结

常用的 Bootstrap 5 表单 pattern 属性总结:

• 验证文本框：验证文本框的值是否符合指定的正则表达式。例如，pattern="[a-zA-Z]{3,}$" 表示验证字符串必须至少包含 3 个字母，且最后一个字母不能为数字或空格。
• 验证密码框：验证密码框的值是否符合指定的正则表达式。例如，pattern="(?=.*[a-zA-Z])(?=.*\\d)(?=.*[!@#$%^&*()_+])[a-zA-Z\\d!@#$%^&*()_+]{8,}$" 表示密码必须包含至少一个字母、一个数字、一个特殊字符，且长度至少为 8 个字符。
• 验证电子邮件框：验证电子邮件框的值是否符合指定的正则表达式。例如，pattern="^([a-zA-Z0-9_\.-]+)@([\da-zA-Z\.-]+)\.([a-zA-Z\.]{2,6})$" 表示电子邮件地址必须由字母、数字、点、下划线或破折号组成，并且邮件地址中的点不能位于邮件地址的开头或结尾。
• 验证手机号码框：验证手机号码框的值是否符合指定的正则表达式。例如，pattern="^1[3|4|5|6|7|8|9][0-9]{9}$" 表示手机号码的开头必须是数字，第二位是 3、4、5、6、7、8、9 中的一位，手机号码长度为 11 位。
• 验证 URL 框：验证 URL 框的值是否符合指定的正则表达式。例如，pattern="^(https？|ftp|ssh)://[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$" 表示 URL 必须使用 HTTPS 协议，开头必须是 https://、http:// 或 ftp://,URL 长度不超过 2000 个字符。
• 验证日期格式：验证日期格式是否符合指定的正则表达式。例如，pattern="^([0-9]{2}-[0-9]{2}-[0-9]{4})$" 表示日期必须按照年 – 月-日 的格式输入。
• 验证时间格式：验证时间格式是否符合指定的正则表达式。例如，pattern="^([0-9]{2}-[0-9]{2}-[0-9]{4} [0-9]{2}:[0-9]{2}:[0-9]{2}Z)$" 表示时间必须按照年 – 月-日 H:M:S 的格式输入。

除了以上列举的用法，pattern 属性还有其他用法，具体取决于应用场景。