本文详细介绍了在网页开发中如何使用JavaScript进行数字、电话号码、邮箱、手机号码、日期、邮编等常见输入字段的验证，并通过正则表达式实现不同类型的输入格式检查。
1、数字
function testisNum(object)
{
var s =document.getElementByIdx(object.id).value;
if(s!="")
{
if(isNaN(s))
{
alert("请输入数字");
object.value="";
object.focus();
}
}
}
2、电话号码，传真
//校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”
function isTel(object)
{
//国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)"
var s =document.getElementByIdx(object.id).value;
var pattern =/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
//var pattern =/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{7,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/;
if(s!="")
{
if(!pattern.exec(s))
{
alert('请输入正确的电话号码:电话号码格式为国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)"');
object.value="";
object.focus();
}
}
}
3、邮箱
function Check(object)
{
var s =document.getElementByIdx(object.id).value;
var pattern =/^[a-zA-Z0-9_\-]{1,}@[a-zA-Z0-9_\-]{1,}\.[a-zA-Z0-9_\-.]{1,}$/;
if(s!="")
{
if(!pattern.exec(s))
{
alert('请输入正确的邮箱地址');
object.value="";
object.focus();
}
}
}
4、手机号码
function isMobel(value)
{
if(/^13\d{9}$/g.test(value)||(/^15[0-35-9]\d{8}$/g.test(value))||(/^18[05-9]\d{8}$/g.test(value))){
return true;
}else{
return false;
}
}
//校验日期
function isdate(object)
{
var s =document.getElementByIdx(object.id).value;
var pattern =/^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(\s(((0?[0-9])|([1-2][0-3]))\:([0-5]?[0-9])((\s)|(\:([0-5]?[0-9])))))?$/;
if(s!="")
{
if(!pattern.exec(s))
{
alert('请输入正确的日期');
object.value="";
object.focus();
}
}
}
5、邮编
//校验(国内)邮政编码
function isPostalCode(object)
{
var s =document.getElementByIdx(object.id).value;
var pattern =/^[0-9]{6}$/;
if(s!="")
{
if(!pattern.exec(s))
{
alert('请输入正确的邮政编码');
object.value="";
object.focus();
}
}
}
6、日期
//校验日期
function isdate(object)
{
var s =document.getElementByIdx(object.id).value;
var pattern =/^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(\s(((0?[0-9])|([1-2][0-3]))\:([0-5]?[0-9])((\s)|(\:([0-5]?[0-9])))))?$/;
if(s!="")
{
if(!pattern.exec(s))
{
alert('请输入正确的日期');
object.value="";
object.focus();
}
}
}
转载于:https://www.cnblogs.com/360S/archive/2011/09/08/2171224.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
