文档章节

邮箱与手机做账号的验证实例

形参思
 形参思
发布于 2015/02/09 19:16
字数 270
阅读 241
收藏 5

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{margin: 0;padding: 0;}
        .label{float: left;width: 120px;}
        .infobox{width: 200px;}
        .error{color: red;padding-left: 10px;}
        .submit{margin-left: 125px;margin-top: 10px;}
    </style>
    <script src="jquery-1.7.1.min.js"></script>
</head>
<body>
<form id="sign_up" method="post" action="" enctype="multipart/form-data">
    <div><span>Enter age</span>
        <input name="age" type="text" maxlength="20"/>
        <span></span>
    </div>
</form>
<script>
    $(".infobox").on("blur",function(event){
        yanzheng(".error",".infobox",event);
    });
    function yanzheng(classNameHide,inputVal,event){
        var data = $(inputVal).val();
        var test_Express = / /;
        (data.indexOf("@")>0)?(function(){
            test_Express = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;

//此处可以显示图片验证码 为邮箱注册提供验证
            testFunction(test_Express);
        })():(function(){

            var noNum = /\d/;

            if(noNum.test(data)){

                test_Express = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;//此处 显示发送 手机验证码请求 的按钮 显示倒计时
            testFunction(test_Express);

}else{alert("您的输入不符合规则,请重新输入")}

           
        })();
        function testFunction(test_press){
            (test_press.test(data))?(function(){
                $(classNameHide).text(" ");//错误提示隐藏
            })():(function(){
                $(classNameHide).text("你的输入格式不符合规则");//错误提示显示
                event.preventDefault();
            })()
        }
    }
</script>
</body>
</html>

© 著作权归作者所有

共有 人打赏支持
形参思
粉丝 7
博文 35
码字总数 10466
作品 0
广安
程序员
私信 提问
如何设计一款APP的注册模块

一、注册模块需要考虑的因素   通常注册模块需要考虑的因素有如下几条: 注册使用的帐号 注册密码 注册验证码 注册按钮 注册使用账号一般有: 手机号注册 邮箱注册 用户名注册 手机号+用户...

Stefen123
2017/12/09
0
0
exchange2010安卓手机无法配置exchange邮件

今天朋友给我反馈了一个问题,他所在的公司所有安卓手机无法配置exchange邮箱,提示:"验证失败,请检查网络 连接或服务器设置”但是PC端outlook却没有问题。 经过各种方式验证,服务器的内网...

260791260
2017/06/18
0
0
2018年最新苹果开发者账号申请流程

说明 本文主要说明2018年苹果开发者账号申请的流程,申请流程相较于2017年有一些改变,希望大家能够通过本文少走一些弯路,能够顺利完成开发者账号的申请。关于新流程中可能出现的一些问题以...

kingly09
2018/09/14
0
0
微信公众平台完整开发教程(系列教程)每天更新一章(详情看目录)想让继续更新的留个言

微信已然成了一种生活方式:群聊、语音、视频,照片/视频/位置共享,支付和商店有了,还能通过公众账号来获取各种资源……如今的微信就是在日中天的状态(最新估值已达 600 亿),公众平台带...

MIANMIANLIFE
2015/12/17
3.5K
3
2018苹果开发者账号申请流程

本文主要说明2018年苹果开发者账号申请的流程,申请流程相较于2017年有一些改变,希望大家能够通过本文少走一些弯路,能够顺利完成开发者账号的申请。 注册AppID 首先你要有一个AppID账号,登...

努力拼搏的80后
2018/03/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java基础:String、StringBuffer和StringBuilder的区别

1 String String:字符串常量,字符串长度不可变。Java中String是immutable(不可变)的。 String类的包含如下定义: /** The value is used for character storage. */private final cha...

watermelon11
30分钟前
2
0
mogodb服务

部署MongoDB 官网: https://www.mongodb.com/download-center/community 创建mongo数据目录 mkdir /data/mongodb 二进制部署 wget -c https://fastdl.mongodb.org/linux/mongodb-linux-x8......

以谁为师
昨天
5
0
大神教你Debian GNU/Linux 9.7 “Stretch” Live和安装镜像开放下载

Debian项目团队于昨天发布了Debian GNU/Linux 9 "Stretch" 的第7个维护版本更新,重点修复了APT软件管理器中存在的安全漏洞。在敦促每位用户尽快升级系统的同时,Debian团队还发布了Debian ...

linux-tao
昨天
4
0
PHP 相关配置

1. php-fpm的pool 编辑php-fpm配置文件php-fpm.con vim /usr/local/php/etc/php-fpm.conf //在[global]部分增加以下内容 include = etc/php-fpm.d/*.conf # 相当与Nginx的虚拟主机文件 “vho......

Yue_Chen
昨天
2
0
EOS主网数据同步指南

本文介绍如何安装EOS节点软件并接入EOS主网,主要包括以下内容: 如何安装EOS节点软件 如何配置EOS节点软件接入主网 如何启动EOS节点软件与主网数据同步 如何检查主网数据同步进度 如何正确地...

汇智网教程
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部