本文主要是介绍输入用户名再点击别的地方用户名会被清空而密码不会,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
原代码:
<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._-]*$"
这篇关于输入用户名再点击别的地方用户名会被清空而密码不会的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!