[基础]电话/手机常见验证的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>
- 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 数组属性和方法
- C# dev GridControl绑定数据不能显示
- Codeforces Round #621 (Div. 1 + Div. 2)(无比自闭的一夜)
- 牛客小白月赛22 A~~J
- P1914 小书童——密码
- sql server 2008 把远程的数据库的数据转移到本地数据数据库里
- 蓝桥杯 试题 基础练习 阶乘计算
- Java Lamada
- 试题 基础练习 高精度加法
- C# devExpress GridControl 行中行 子行 多级行
- 蓝桥杯 试题 基础练习 Huffuman树
- 蓝桥杯 试题 基础练习 2n皇后问题(包含n皇后问题讲解)
- 蓝桥杯 试题 基础练习 报时助手
- 蓝桥杯 试题 基础练习 回形取数
- 了解RefreshScope这篇短文就够了
- Educational Codeforces Round 83 (Rated for Div. 2) A~~E