小项目 -- em.js

function checkAll(){
var Em = CheckEm();
var cp1=checkPas1();
var cp2=checkPas2();
var p = checkphone();
var r =cr();
// 如果全为true的时候,才会提交 
return Em&&cp1&&cp2&&p&&r;
}
//验证邮箱 张肖
function CheckEm(){
// 获取邮箱的value值
var Email = document.getElementById('Em').value;
//获取span标签的id值 张肖
var span1=document.getElementById("span1");
//正则表达式
var reg = /^\d{10}@qq.com$/
//条判断语句 if邮箱value值没有,则返回false 
if(Email==""){
//在页面中做一个提示 邮箱号码不能为空 if邮箱value值没有,则返回false 张肖
span1.innerHTML="<font color='#FF7F50'>邮箱不能为空</font>"
return false;
}else if(reg.test(Email)){
//在页面中做一个提示 if邮箱value值正确 张肖
span1.innerHTML="<font color='chartreuse'>邮箱正确</font>"
return true;
}else{
//在页面中做一个提示 if邮箱value值没有,则返回false 
span1.innerHTML="<font color='#FF0000'>邮箱有误</font>"
return false;
}
}
//密码验证
function checkPas1 () {
// 获取密码的value值
var psd1 = document.getElementById("psd1").value;
var span2 =document.getElementById("span2");
var reg =/^123456$/;
if(psd1==""){
span2.innerHTML="<font color='#FF7F50'>密码不能为空</font>";
return false;
}else if(reg.test(psd1)){
span2.innerHTML="<font color='chartreuse'>密码正确</font>";
return true;
}else{
span2.innerHTML="<font color='#FF0000'>密码为6位</font>";
return false;
}
}
//确认密码验证
function checkPas2 () {
var psd2 = document.getElementById("psd2").value;
var psd1 = document.getElementById("psd1").value;
var span3 =document.getElementById("span3");
if(psd2==""){
span3.innerHTML="<font color='#FF7F50'>密码不能为空</font>";
return false;
//判断两次密码是否一致 
}else if(psd1==psd2){
span3.innerHTML="<font color='chartreuse'>密码正确一致</font>";
return true;
}else{
span3.innerHTML="<font color='#FF0000'>密码不一致</font>";
return false;
}
}
// 手机号验证
function checkphone(){
var ph = document.getElementById('phone').value;
var span4 = document.getElementById('span4');
// 手机号正则
var reg = /^1[3-9]\d{9}$/;
if(ph==""){
span4.innerHTML="<font color='#FF7F50'>手机号不能为空</font>";
return false;
}else if(reg.test(ph)){
span4.innerHTML="<font color='chartreuse'>手机号正确</font>";
return true;
}else{
span4.innerHTML="<font color='#FF0000'>手机号应为11位</font>";
return false;
}
}
//复选框是否为选中状态
function cr(){
var ch=document.getElementById('chose');
//checked 如果当单选框选中的时候,该属性为true,反之为false 
if(chose.checked){
return true;
}else{
alert("请阅读条款");
return false;
}
}

posted @ 2020-09-28 14:05  Smile*^  阅读(171)  评论(0编辑  收藏  举报