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(!reg.test(flag_name)&&!reg1.test(flag_name)){ alert("请正确填写手机号码和邮箱!"); $(".input_login_name").val(""); }}ok了 刚刚接触js发了一下午时间终于好了 希望和大家共勉。