<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<base href="<%=basePath%>">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>

<title>绑定手机号</title>

</head>

<body>

    <form action="onlineUser/updatephone" method="post" onsubmit="return checkAll()">

        <input type="hidden" value="${userid }" name="id">

        手机号

        <input type="text" name="phonenumber" id="phonenumber"><br>

        验证码：<input type="text" name="vercode" id="vercode"> <input type="button" value="发送验证码" id="sendVercode"><br>

        <textarea rows="6" cols="4" id="validateCodeError" style="display: none;"></textarea>

        <input type="hidden" id="realvercode">

        <input type="submit" value="绑定">

    </form>

</body>

<script type="text/javascript">

function checkAll(){

    if(!$("#phonenumber").val().trim()){

        alert("请填写手机号");

        return false;

    }

    if(!$("#realvercode").val().trim()){

        alert("请填写验证码");

        return false;

    }

    if(!$("#vercode").val().trim()){

        alert("请填写验证码");

        return false;

    }

    return true;

}

$(function(){

    // 发送手机验证码

    $('#sendVercode').click(function() {

        var phoneNum = $('#phonenumber').val().trim(); // 获得发送手机的号码

        // 判断手机号码格式是否正确

        var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;

                    var re = mobile.test(phoneNum);

                    if(re == false){

                        $('#validateCodeError').removeAttr('style');

                        $('#validateCodeError').empty();

                        $('#validateCodeError').html('请输入正确格式的手机号码');

                        return ;

                    }

        var flag = true ;

            if (phoneNum) {

                $.post('onlineUser/sendSMS', {

                            'phone' : phoneNum

                        },function(data){

                            if(data.status){

                                if(flag){

                                    alert(data.message);

                                    flag = false ;

                                }

                                $("#realvercode").val(data.data);

                                $('#validateCodeError').attr('style','display:none;');

                            }else{

                                console.log(data.message);

                                $('#validateCodeError').removeAttr('style');

                                $('#validateCodeError').empty();

                                $('#validateCodeError').html(data.message);

                            }

                        }, 'json');

            }else{

                console.log('未输入手机号码');

                $('#validateCodeError').removeAttr('style');

                $('#validateCodeError').empty();

                $('#validateCodeError').html('请输入手机号码');

            }

        });

});

</script>

</html>

js验证手机号的更多相关文章

  1. js验证手机号，身份证，车牌号验证

    js验证手机号  <input type="text" class="identificationno"> // 身份证号码为15位或者18位,15 ...

  2. js验证手机号、身份证等

    //验证手机号function check_lxdh(lxdh){ var mobile = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0 ...

  3. js 验证手机号 以及身份证正则表达式

    手机号:① /^1(3[0-9]{9}|5[0-35-9][0-9]{8}|7[07][0-9]{8}|8[25-9][0-9]{8})$/ ② /^1(3\d|5[0-35-9]|7[07]|8[2 ...

  4. js验证手机号输入是否符合规则

    function isPhone(phone){ var myreg = /^(((13[0-9]{1})|15[0-9]{1}|17[0-9]{1}|185|18[0-9]{1})+\d{8})$/ ...

  5. [Jquery] js验证手机号

    function checkIdPhone(id,idErr){ var reg0=/^(13[0-9]|15[012356789]|18[01235,idErr6789]|14[57]|17[0]) ...

  6. js 验证手机号

    <script> var reg = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/; function ver ...

  7. js验证真实姓名与身份证号，手机号

    最近的项目中用的需要调用实名认证的接口,实名认证接口价格相比短信而言高了不是几分钱,所以说调用实名认证的条件就要严格把关,因此用到js验证真实姓名与js验证身份证号. 进入正题 1.js验证真实姓名 ...

  8. JS正则表达式验证手机号和邮箱

    一.验证手机号 function isPoneAvailable(poneInput) { var myreg=/^[1][3,4,5,7,8][0-9]{9}$/; if (!myreg.test( ...

  9. .NET中表单的JS验证

    JS验证代码如下:(需要引入两个JS包) <script type="text/javascript" src="/js/jquery.validate.min.j ...

随机推荐

  1. Myeclipse中的web项目审查（jquery-2.1.1.min.js）出现错误

    前言,本来在把web项目搞得好看一些,从网上下载了一个很炫酷的模板导入web中,无奈出现了错误,如下:

  2. poj 3744 Scout YYF I(概率dp，矩阵优化)

    Scout YYF I Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 5020   Accepted: 1355 Descr ...

  3. 【C语言入门教程】5.1 函数说明 与 返回值

    C 语言是结构化语言,它的主要结构成分是函数.函数被作为一种构件,用以完成程序中的某个具体功能.函数允许一个程序的各个任务被分别定义和编码,使程序模块化.本章介绍 C 语言函数的设计,如何用函数分解程 ...

  4. MySQL性能优化的21条最佳经验【转】

    转载自http://www.cnblogs.com/jiaosq/p/5843437.html 今天,数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显.关于数据库的性能,这并不只 ...

  5. MYSQL基础语句

    参考书籍< MySQL数据库基础与实例教程> --孔祥盛 SQL(structured query language)结构化查询语言,应用最为广泛的关系型数据库语言. MYSQL属于关系型 ...

  6. javaweb 解决将ajax返回的内容用document.write写入，FireFox一直加载的问题

    在document.write方法后加上document.close就解决了, 想知道原理的小伙伴可以继续看 浏览器在解析html时会打开一个流,这是用document.write中写入,是加入当解析 ...

  7. hdu5412——CRB and Queries

    1.题目大意:区间第k大,单点修改 2.随便搞搞就好了= =,树套树或主席树,我写的很丑 #include <cstdio> #include <cstdlib> #inclu ...

  8. HLOI2016滚粗记

    首先,别问我HLOI是哪里....HLJ = 黑龙江... 这次的省选总结起来还是由于我太弱,考试的时候状态不好,连个线段树都没想出来 坐了好久的火车到哈尔滨,车上打了一会扑克,感觉没过多长时间就到了 ...

  9. Unity手游之路<二>Java版服务端使用protostuff简化protobuf开发

    http://blog.csdn.net/janeky/article/details/17151465 开发一款网络游戏,首先要考虑的是客户端服务端之间用何种编码格式进行通信.之前我们介绍了Unit ...

  10. sizeof和小部分c++语法

    ios 中 sizeof(类型) 获取类型所占字节 32位操作系统中, 每个字节占8个位 64位操作系统中, 每个字节占16个位 INT_MAX  2147483647 int size1 = siz ...