<%@ 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. ASO优化总结(基于网络分享的知识总结归纳)

    如何优化应用标题? 注意关键字的长度,尽量保证每一个关键字小于10个字符.保持快速更新,因为每次更新,你都将有机会删除表现不佳的关键字以 及增添新的关键字.在ASO中使用关键字的正确做法 标题,并非越 ...

  2. mybaties # , $

    mybaties会对#引入的值加上双引号, 如: #{buildingName} -------->"buildingName";mybaties会将$引入的值直接显示到sq ...

  3. Perl 正则表达式

    匹配:m/<regexp>;/ (还可以简写为 /<regexp>;/ ,略去 m)替换:s/<pattern>;/<replacement>;/转化: ...

  4. 【PHP面向对象(OOP)编程入门教程】1.什么是面向对象？

    面向对象编程(Object Oriented Programming, OOP, 面向对象程序设计)是一种计算机编程架构,OOP的一条基本原则是计算机程序是由单个能够起到子程序作用的单元或对象组合而成 ...

  5. Junit基础整理

    项目引进Junit包 对待测试类新建testcase testcase类分为:@RunWith() -----@RunWith(suite.class)测试套件类打包测试 -----@RunWith( ...

  6. CentOS-6.5-NFS部署

                      nfs-server与nfs-client端配置一样   NFS(network file system)网络文件系统:用于在网络上共享存储. 服务端-192.16 ...

  7. iOS开发——UI进阶篇（五）通知、代理、kvo的应用和对比，购物车

    一.通知 1.通知中心(NSNotificationCenter)每一个应用程序都有一个通知中心(NSNotificationCenter)实例,专门负责协助不同对象之间的消息通信任何一个对象都可以向 ...

  8. BZOJ2631——tree

    1.题目大意:bzoj1798的lct版本 2.分析:这个把线段树改成splay就好 #include <stack> #include <cstdio> #include & ...

  9. Longest Common Substring

    Given two strings, find the longest common substring. Return the length of it. Example Given A = &qu ...

  10. 回归基础: JavaScript 变量提升

    from me: javascript的变量声明具有hoisting机制,它是JavaScript一个基础的知识点,也是一个比较容易犯错的点,平时在开发中,大大小小的项目都会遇到. 它是JavaScr ...