[基础]电话/手机常见验证的Javascript示例
时间:2022-04-23
本文章向大家介绍[基础]电话/手机常见验证的Javascript示例,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
电话号码:<input type="text" id="TelPrefix" size="4" MaxLength="4"> - <input type="text" id="TelNumber" style="width:88px"> <button id="btnTestTel" onClick="return TestTel()">测试电话号码</button><br/>
手机号码:<input type="text" id="Mobile"> <button id="btnTestMobile" onClick="return TestMobile()">测试手机号码</button><br/><br/>
建议手机号码与电话号码至少请输入一项<br/><br/>
<button id="btnTest" onClick="return Test()">测试手机号码</button>
<script type="text/javascript">
String.prototype.Trim = function() {
var m = this.match(/^s*(S+(s+S+)*)s*$/);
return (m == null) ? "" : m[1];
}
String.prototype.isMobile = function() {
return (/^(?:13d|15[89])-?d{5}(d{3}|*{3})$/.test(this.Trim()));
}
String.prototype.isTel = function()
{
return (/^(([0+]d{2,3}-)?(0d{2,3})-)(d{7,8})(-(d{3,}))?$/.test(this.Trim()));
}
function TestMobile()
{
var oMobile = document.getElementById("Mobile");
if (!oMobile.value.isMobile())
{
alert("请输入正确的手机号码");
oMobile.focus();
oMobile.style.backgroundColor="#ff9";
return false;
}
else
{
alert(oMobile.value);
}
return true;
}
function TestMobileEx()
{
var oMobile = document.getElementById("Mobile");
if (!oMobile.value.isMobile())
{
return false;
}
return true;
}
function TestTel()
{
var oTelPrefix = document.getElementById("TelPrefix");
var oTelNumber = document.getElementById("TelNumber");
var sTel = oTelPrefix.value + "-" + oTelNumber.value;
if (!sTel.isTel())
{
alert("请输入正确的电话号码");
oTelPrefix.focus();
oTelPrefix.style.backgroundColor="#ff9";
oTelNumber.style.backgroundColor="#ff9";
return false;
}
else
{
alert(sTel);
}
return true;
}
function TestTelEx()
{
var oTelPrefix = document.getElementById("TelPrefix");
var oTelNumber = document.getElementById("TelNumber");
var sTel = oTelPrefix.value + "-" + oTelNumber.value;
if (!sTel.isTel())
{
return false;
}
return true;
}
function Test()
{
if (TestTelEx()||TestMobileEx())
{
alert("验证通过");
}
else
{
alert("手机,电话至少输入一项");
document.getElementById("TelPrefix").focus();
document.getElementById("TelPrefix").style.backgroundColor="#ff9";
return false;
}
return true;
}
</script>
- Codeforces Round #434 (Div. 2, based on Technocup 2018 Elimination Round 1)&&Codeforces 861B Which
- 信用卡安全问题:被用户忽视的识别码
- Python3快速排序
- Python3插入排序
- Python3冒泡排序
- Python Selenium设计模式-POM
- 【Python学习笔记之一】Python关键字及其总结
- 前后端分离了,然后呢?
- 【Python学习笔记之二】浅谈Python的yield用法
- LINUX中常用操作命令
- Java异常抛出及try,catch应用实例
- GitHub实战系列~2.把本地项目提交到github中 2015-12-10
- 前20名Python机器学习开源项目
- 接口测试 | 24 requests + unittest集成你的接口测试
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- PHP多进程通信-消息队列使用
- PHP implode()函数用法讲解
- PHP精确到毫秒秒杀倒计时实例详解
- django 装饰器 检测登录状态操作
- 使用PyWeChatSpy自动回复微信拍一拍功能的实现代码
- Django Session和Cookie分别实现记住用户登录状态操作
- 使用PHPUnit进行单元测试并生成代码覆盖率报告的方法
- PHP封装XML和JSON格式数据接口操作示例
- 浅谈PHP进程管理
- php使用fullcalendar日历插件详解
- PHP htmlspecialchars()函数用法与实例讲解
- 浅谈PHP匿名函数和闭包
- Ubuntu 18.04上安装Apache、MySQL、PHP、LAMP的完整教程
- ubuntu18.04获取root权限并用root用户登录的实现
- Linux云服务器安装JDK和Tomcat的详细步骤(推荐)