原代码:
<input type="text" class="form-control" name="username" id="username"
placeholder="用户名" data-mask="[a-zA-Z0-9]\.+"
data-is-regex="true" autocomplete="off">
data-mask="[a-zA-Z0-9]\.+"
:表示输入框使用自定义的掩码,这个掩码指定了输入的格式。这里它要求用户名至少包含一个点号(.
)后跟一个或多个字母或数字。
修改后:
<input type="text" class="form-control" name="username" id="username"
placeholder="用户名" data-mask="^[a-zA-Z\u4e00-\u9fa5][a-zA-Z0-9\u4e00-\u9fa5._-]*$"
data-is-regex="true" autocomplete="off">
^
:表示匹配字符串的开始。[a-zA-Z\u4e00-\u9fa5]
:表示用户名的第一个字符必须是一个大写或小写的英文字母或中文汉字。\u4e00-\u9fa5
是Unicode范围,覆盖了基本的中文字符集。[a-zA-Z0-9\u4e00-\u9fa5._-]*
:表示随后的字符可以是英文字母(无论大小写)、数字、中文汉字、下划线、点或破折号。*
表示这些字符可以出现零次或多次。$
:表示匹配字符串的结束。
将 data-mask 中的 "[a-zA-Z0-9]\.+" 修改为 "^[a-zA-Z\u4e00-\u9fa5][a-zA-Z0-9\u4e00-\u9fa5._-]*$"