<%@ 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. ios如何普安短图片类型

    很多时候需要知道服务器返回的图片是.png还是.jpg或者是.git, 两种方式 1,获取扩展名 //图片    NSString *image = @"4351141241.GIT&quo ...

  2. 重温javascript事件机制

    以前用过一段时间的jquery感觉太方便,太强大了,各种动画效果,dom事件.创建节点.遍历.控件及UI库,应有尽有:开发文档也很多,网上讨论的问题更是甚多,种种迹象表明jquery是一个出色的jav ...

  3. Swift3.0P1 语法指南——基本操作符

    原档:https://developer.apple.com/library/prerelease/ios/documentation/Swift/Conceptual/Swift_Programmi ...

  4. bootstrap-collapse

    colapse插件:折叠功能 插件:collapse.js 实现方法:以data-toggle做被点击者,以div class="collapse in"显示展开内容 <sc ...

  5. C#调用java类、jar包方法

    一.将已经编译后的java中Class文件进行打包:打包命令JAR 如:将某目录下的所有class文件夹全部进行打包处理: 使用的命令:jar cvf test.jar -C com/ . 其中tes ...

  6. nginx反向代理proxy模块相关参数

    http_proxy_module Proxy_pass proxy_pass指令属于ngx_http_proxy_module模块,此模块可以将请求转发到另一台服务器:官方说明:http://ngi ...

  7. @synthesize的正确使用方式

    @synthesize的正确使用方式 一. @synthesize的错误使用方式 类1和类2是继承关系, name是类1的属性 但是类2的实现里加入了@synthesize name = _name; ...

  8. [POJ2892]Tunnel Warfare

    [POJ2892]Tunnel Warfare 试题描述 During the War of Resistance Against Japan, tunnel warfare was carried ...

  9. [POJ1068]Parencodings

    [POJ1068]Parencodings 试题描述 Let S = s1 s2...s2n be a well-formed string of parentheses. S can be enco ...

  10. iOS 简单音乐播放器 界面搭建

    如图搭建一个音乐播放器界面,具备以下几个简单功能: 1,界面协调,整洁. 2,点击播放,控制进度条. 3.三收藏歌曲,点击收藏,心形收藏标志颜色加深. 4,左右按钮,切换歌曲图片和标题. 5,点击中间 ...