js页⾯正则表达式验证⽤户名为⼿机号或邮箱HTML页⾯:
<div class="login_main">
<div class="login_input_box login_input_boxA">
<div class="login_input_img"><img src="../static/common/images/zq/DL_03.png" alt=""/></div>
<div class="login_input"><input class="input_login_name" type="text" placeholder="⼿机号/邮箱"/></div>
</div>
<div class="login_input_box">
<div class="login_input_img"><img src="../static/common/images/zq/DL_07.png" alt=""/></div>
<div class="login_input">
<input class="input_login_password" type="password" placeholder="密码"/>
<a href="">忘记密码</a>
</div>
</div>
</div>
<div class="button_box">
<button class="button_A" οnclick="loginUser()">登录</button>
<button class="button_A" οnclick="window.open('../p_login/csol.html')">注册账号</button>
</div>
-----------------html页⾯效果---------------
在js页⾯:
function loginUser(){
var flag_name = $.trim($(".input_login_name").val());
var flag_password= $.trim($(".input_login_password").val());
//alert(flag_name);匹配邮箱的正则表达式
//alert(flag_pawword);
var reg = /^1[34578][0-9]{9}/;
var reg1 = /[a-zA-Z0-9]{1,10}@[a-zA-Z0-9]{1,5}\.[a-zA-Z0-9]{1,5}/;
if(!st(flag_name)&&!st(flag_name)){
alert("请正确填写⼿机号码和邮箱!");
$(".input_login_name").val("");
}
}
ok了刚刚接触js发了⼀下午时间终于好了希望和⼤家共勉。