<%@ 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. 修改PUTTY支持保存密码

    1.从官网下载 Putty 0.60 Release 的 Windows 版源码 http://www.chiark.greenend.org.uk/~sgtatham/putty/download. ...

  2. LINUX系统知识（转）

    原文链接:http://blog.chinaunix.net/uid-725717-id-2060377.html 在Linux上配置好svnserve,通过eclipse访问,实现版本控制.但是开启 ...

  3. Git工作流总结

    引用自:https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md 说明: 个人在学习Git工作流的过程中,从原有的 S ...

  4. Intent和Activity知识点总结

    1.Intent的跳转传值2.Intent的隐式启动(用于不同应用中)与显示启动(同一应用中)3.Activity的生命周期    void onCreate()——Activity已经被创建完毕,创 ...

  5. Eclipse常见配置及常用插件

    tomcat为能同时运行多个项目而不崩溃,需要配置一下jvm设置 -Xms1024m -Xmx1024m -XX:PermSize=128m -XX:MaxPermSize=512m

  6. WP8微信5.3开始内测 支持Cortana语音 两微破冰了?

    WP版微信v5.3内测版昨发布了,进行了一些小幅升级,最意外的是原生支持WP8.1版Cortana语音命令操作.要知道微软的聊天机器人“小冰”在微信上存在不到4天,就被微信全面封杀退出,现在微信又内测 ...

  7. CSS样式案例(2)-制作一个简单的登录界面

    首先来张完工的效果图. 一.html文件如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8 ...

  8. Swift3.0P1 语法指南——基础

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

  9. leetcode 解题报告 Word Break

    Given a string s and a dictionary of words dict, determine if s can be segmented into a space-separa ...

  10. [HDU2089]不要62

    [HDU2089]不要62 试题描述 杭州人称那些傻乎乎粘嗒嗒的人为62(音:laoer).杭州交通管理局经常会扩充一些的士车牌照,新近出来一个好消息,以后上牌照,不再含有不吉利的数字了,这样一来,就 ...