思路：
手机号的规则
第一位必须是1
第二位是3 5 8这些
之后的是是数字就行。
邮箱的验证规则
jsonly@foxmail.com
84980875@qq.com
123456@sina.com.cn
654321@miaov.net
1、@之前是一个数字、字母、下划线的组合
2、@之后后缀之前也一样。
后缀一般是如下几种
.com
.com.cn
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
p{
display: none;
margin: 0;
}
</style>
<script>
window.onload=function(){
// alert('9'.charCodeAt(0));
var user=document.getElementById('user');
var userName=user.getElementsByTagName('input')[0];
var tip1=user.getElementsByTagName('p');
userName.onfocus=function(){
for(var i=0;i<tip1.length;i++){
tip1[i].style.display='none';
}
tip1[0].style.display='block';
}
userName.onblur=function(){
for(var i=0;i<tip1.length;i++){
tip1[i].style.display='none';
}
if(this.value){
if(email(this.value)||tel(this.value)){
tip1[2].style.display='block';
}else{
tip1[1].style.display='block';
}
}
}
function email(str){
//邮箱必须有@符号。
if(str.indexOf('@')==-1)return false;
//jsonly foxmail .com
var arr=str.split('@');//[jsonly,foxmail.com];
var n;
if(arr.length!=2){
return false;
}else{
var index=arr[1].indexOf('.');
//[jsonly,foxmail];.com
var str1=arr[1].substring(index);
arr[1]=arr[1].substring(0,index).toLowerCase();
arr[0]=arr[0].toLowerCase();
if(str1!='.com'&&str1!='.com.cn'&&str1!='.net'){
return false;
}else{
for(var i=0;i<arr.length;i++){
for(var j=0;j<arr[i].length;j++){
n=arr[i].charAt(j).charCodeAt(0);
if(arr[i].charAt(j)!='_'&& (n<48||n>57)&&
(n<97||n>122)){
return false;
}
}
}
}
return true;
}
}
function tel(str){
//手机号必须是11位的，第一位必须是1
if(str.length!=11||str.charAt(0)!=1)return false;
//拆分,
var str2=str.charAt(1);
if(str2!=3&&str2!=5&&str2!=8){//判断第二位数字是不是3 5 8
return false;
}else{
str2=str.substring(2);
return Number(str2);//判断剩下的是不是数字。
}
}
}
</script>
</head>
<body>
<table>
<tbody>
<tr id="user">
<th>手机/邮箱</th>
<th><input type="text" placeholder="手机/邮箱"/></th>
<td>
<p>请输入中国大陆手机号或常用邮箱,可用于登录和找回密码,注册成功后,所有百度产品通用</p>
<p>请填写正确的手机/邮箱</p>
<p>输入正确</p>
</td>
</tr>
<tr>
<th>密码</th>
<th><input type="password" placeholder="密码"/></th>
<td>
<p>长度为6~14个字符、支持数字,大小写字母和标点符号、不允许有空格</p>
<p>输入不正确</p>
<p>输入正确</p>
</td>
</tr>
<tr>
<th>
<input type="submit" value="提交"/>
</th>
</tr>
</tbody>
</table>
</body>
</html>
.net