• 小项目 -- 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;
    }
    }

  • 相关阅读:
    微信小程序之界面交互反馈
    微信小程序引入腾讯地图API方法
    微信小程序动态修改页面标题setNavigationBarTitle
    JavaScript中||和&&的运算
    微信小程序 使用include导入wxml文件注意的问题
    idea中文乱码及maven项目配置问题
    Linux常用命令大全
    2018年深圳,武汉房价走势分析
    redis安装,windows,linux版本并部署服务
    dubbo基础学习总结
  • 原文地址:https://www.cnblogs.com/weixin2623670713/p/13744405.html
Copyright © 2020-2023  润新知