您的位置：首页 > 其它

表单验证

2016-05-17 21:55 323 查看

思路：

　　手机号的规则
　　　　第一位必须是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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航