‌输入用户名再点击别的地方用户名会被清空而密码不会

原代码: 

<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._-]*$"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值