标签:username style 书写 1px JS 正则 border reg red
1. 正则表达以及失去焦点验证的JS书写
<script>
function leave(a) {
var reg = /^[ \u4e00-\u9fa5a-zA-Z0-9_-]{5,16}$/;//[ title: [/^[a-zA-Z0-9_-]{5,16}$/, '用户名是5-16不含空的字母'],
if (reg.test(a.value) != true) {
var username = a.value;
if (username.length == 0 || username == null || username == '') {
layer.msg('用户名不能为空', {icon: 5});
a.style.border = "1px solid red";
} else {
if (!reg.test(username)) {
layer.msg('格式不对,用户名是5-15不含空的字符', {icon: 5});
a.style.border = "1px solid red";
}
}
} else {
a.style.border = "";
}
}
// 2. 验证密码,失去焦点时触发
function leave1(a) {
var reg = /^[a-zA-Z0-9_-]{6,20}$/;//正则表达式
if (reg.test(a.value) != true) {
var username = a.value;
if (username.length == 0 || username == null || username == '') {
layer.msg('密码不能为空', {icon: 5});
a.style.border = "1px solid red";
} else {
if (!reg.test(username)) {
layer.msg('密码格式不对,密码是6-20个字符,由数字和字母构成', {icon: 5});
a.style.border = "1px solid red";
}
}
} else {
a.style.border = "";
}
}
function leave2(a) {
var reg = /^[\u4e00-\u9fa5]{2,5}$/;//正则表达式
if (reg.test(a.value) != true) {
var username = a.value;
if (username.length == 0 || username == null || username == '') {
// 提示弹框 以及图标
layer.msg('真实姓名不能为空', {icon: 5});
a.style.border = "1px solid red";
} else {
if (!reg.test(username)) {
layer.msg('格式不对,真实姓名为2-5个汉字', {icon: 5});
a.style.border = "1px solid red";
}
}
} else {
a.style.border = "";
}
}
// phone: [/^1\d{10}$/, "请输入正确的手机号"],
function leave6(a) {
var reg = /^1\d{10}$/;//正则表达式
if (reg.test(a.value) != true) {
var username = a.value;
if (username.length == 0 || username == null || username == '') {
layer.msg('手机号不能为空', {icon: 5});
a.style.border = "1px solid red";
} else {
if (!reg.test(username)) {
layer.msg('格式不对,请输入正确的手机号', {icon: 5});
a.style.border = "1px solid red";
}
}
} else {
a.style.border = "";
}
}
</script>
2. 展示页面 不允许修改
在文本标签中中添加 disable展示 则不允许进行文本框的输入
3. 使用单页面配置,就可以只需要配置一次路径即可完成任务
4.更新数据后,没有反应,可能是没有清楚缓存的原因。
标签:username,style,书写,1px,JS,正则,border,reg,red 来源: https://blog.csdn.net/weixin_46692492/article/details/120363251
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。