这里如何同时验证输入的邮箱和手机号码。写自定义目录标题
HTML部分
<input type="email" name="uid" id="uid" placeholder="邮箱/手机号码" class="form-control " autocomplete="off" value="<?=$CKUNAME;?>">
<input type="password" name="pwd" id="pwd" placeholder="密码" class="form-control " autocomplete="off" value="<?=$CKPWD;?>">
按钮
<a href="javascript:;" onClick="checklogin();" class="btn login-btn">登录</a>
JQ部分
<SCRIPT LANGUAGE="JavaScript">
function checklogin(){
var uid = document.getElementById('uid').value.trim();
var at_location = document.login.uid.value.indexOf("@");
//打印输出到浏览器控制台
console.log(at_location);
//您会发现显示是@字符串之前的字符长度,写一个@,输出为0、1@,输出为1
if (at_location == 0) {
if(checkspacelogin(document.login.uid.value) || document.login.uid.value=="邮箱") {
document.login.uid.focus();
alert("请输入邮箱!");
return false;
}
if(!(/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/.test(uid))){
document.login.uid.focus();
alert("请输入正确邮箱");
return false;
}
}else{
if(checkspacelogin(document.login.uid.value)) {
document.login.pwd.focus();
alert("请输入手机号码!");
return false;
}
if(!(/^1[34578]\d{9}$/.test(uid))){
document.login.uid.focus();
alert("请输入正确的手机号");
return false;
}
}
if(checkspacelogin(document.login.pwd.value)) {
document.login.pwd.focus();
alert("请输入密码!");
return false;
}
document.login.submit();
}
function checkspacelogin(checkstr) {
var str = '';
for(i = 0; i < checkstr.length; i++) {
str = str + ' ';
}
return (str == checkstr);
}
//-->
</script>