js验证电话号码与手机支持+86的正则表达式


Posted in Javascript onJanuary 23, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>正则表达式验证</title>    <script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript">
        var Validate = {

            isTel: function (s) {
                var patrn = /^((\+?86)|(\(\+86\)))?\d{3,4}-\d{7,8}(-\d{3,4})?$/
                if (!patrn.exec(s)) return false
                return true
            },
            isMobile: function (value) {
                var validateReg = /^((\+?86)|(\(\+86\)))?1\d{10}$/;
                return validateReg.test(value);
            },
            cellPhone: function () {
                var cellPhoneNumber = $("#txtCellPhone").val();
                if (!Validate.isMobile(cellPhoneNumber)) {
                    alert("手机号码格式不正确");
                    return false;
                } else {
                    alert("您的手机号码格式是正确的");
                }
            },
            telePhone: function () {
                var telePhoneNumber = $("#txttelePhone").val();
                if (!Validate.isTel(telePhoneNumber)) {
                    alert("电话号码格式不正确");
                    return false;
                } else {
                    alert("您的电话号码格式是正确的");
                }
            }
        }
    </script>
</head>
<body>
<div>
   <label>请输入手机号码(支持+86):</label><input type="text" id="txtCellPhone" /><input  type="button" value="验证" onclick="Validate.cellPhone();"/><br />
    <label>请输入电话号码(支持+86):</label><input type="text" id="txttelePhone" /><input  type="button" value="验证" onclick="Validate.telePhone();"/><br />
</div>
</body>
</html>
Javascript 相关文章推荐
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
Nov 02 Javascript
JQuery实现简单的图片滑动切换特效
Nov 22 Javascript
js判断所有表单项不为空则提交表单的实现方法
Sep 09 Javascript
Angularjs 实现动态添加控件功能
May 25 Javascript
jQuery Dom元素操作技巧
Feb 04 jQuery
Angular 组件之间的交互的示例代码
Mar 24 Javascript
微信小程序页面上下滚动效果
Nov 18 Javascript
jQuery中DOM操作原则实例分析
Aug 01 jQuery
a标签调用js的方法总结
Sep 05 Javascript
vue实现瀑布流组件滑动加载更多
Mar 10 Javascript
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 Vue.js
Jquery 过滤器(first,last,not,even,odd)的使用
Jan 22 #Javascript
Jquery遍历节点的方法小集
Jan 22 #Javascript
Jquery如何实现点击时高亮显示代码
Jan 22 #Javascript
用Jquery.load载入页面实现局部刷新
Jan 22 #Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
Jan 22 #Javascript
在JS中如何调用JSP中的变量
Jan 22 #Javascript
ExtJS如何设置与获取radio控件的选取状态
Jan 22 #Javascript
You might like
php链表用法实例分析
2015/07/09 PHP
PHP实现判断数组是一维、二维或几维的方法
2017/02/06 PHP
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
使用DNode实现php和nodejs之间通信的简单实例
2015/07/06 NodeJs
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
2016/07/18 Javascript
js修改onclick动作的四种方法(推荐)
2016/08/18 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
微信小程序 地图(map)实例详解
2016/11/16 Javascript
一个例子轻松学会Vue.js
2017/01/02 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
微信小程序开发之toast提示插件使用示例
2017/06/08 Javascript
nodejs 图解express+supervisor+ejs的用法(推荐)
2017/09/08 NodeJs
基于Vue实现图书管理功能
2017/10/17 Javascript
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
nodejs更改项目端口号的方法
2018/05/13 NodeJs
微信小程序js文件改变参数并在视图上及时更新【推荐】
2018/06/11 Javascript
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
vue多次循环操作示例
2019/02/08 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
2019/07/15 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
2019/09/23 Javascript
javascript数组的定义及操作实例
2019/11/10 Javascript
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
python抽取指定url页面的title方法
2018/05/11 Python
在Python中获取两数相除的商和余数方法
2018/11/10 Python
python 实现视频 图像帧提取
2019/12/10 Python
使用CSS3的ruby-position固定注音位置的用法示例
2016/07/05 HTML / CSS
HTML5 weui使用笔记
2019/11/21 HTML / CSS
挪威手表购物网站:Klokker
2016/09/19 全球购物
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
个人优缺点自我评价
2014/01/27 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
再读《皇帝的新衣》的读后感悟!
2019/08/07 职场文书