常用的javascript function代码

 更新时间:2008年05月23日 19:03:03   作者:  
一些javascript常见函数,方便当作学习参考
//mhHover('起始ID名称','第 X 个TD标签','样式名称')

程序代码

function mhHover(tbl,idx,cls){
var t,d;
if(document.getElementById)t=document.getElementById(tbl);
else t=document.all(tbl);
if(t==null)return;
if(t.getElementsByTagName)d=t.getElementsByTagName("TD");
else d=t.all.tags("TD");
if(d==null)return;
if(d.length<=idx)
return;
d[idx].className=cls;
}

//下拉菜单,显示隐藏ID
//使用方法
//onChange="OptionNumber_change('表单名称','ID名称相同部分(序列数字自动取值)')"
//注意:表单的Value值必须是数字

程序代码

function OptionNumber_change(selObj,strOpt)
{
var a = (selObj.options[selObj.selectedIndex].value);
for (i = 1; i <= a; i++)
{
document.getElementById(strOpt+i).style.display = "";
}
for (j = 10; j > a; j--)
{
document.getElementById(strOpt+j).style.display = "none";
}
}

//读取数据库,显示隐藏ID
//使用方法
//

程序代码

function ListNumber_change(ListObj,ListStr)
{
var a = ListObj;
for (i = 1; i <= a; i++)
{
document.getElementById(ListStr+i).style.display = "";
}
for (j = 10; j > a; j--)
{
document.getElementById(ListStr+j).style.display = "none";
}
}

//iframe自适应高度
//使用方法:
//onLoad="reSizeFrame('iframe ID 名称')"

程序代码

function reSizeFrame(frameID) {//frameID是你ifream的名字
try {
var oBody = eval(frameID+".document.body");
var oFrame = document.all(frameID);
oFrame.style.height = oBody.scrollHeight + (oBody.offsetHeight - oBody.clientHeight);
}
catch(e) {
window.status = 'Error: ' + e.number + '; ' + e.description;
}
}

//选择所有复选框
//使用方法:
//onclick=CheckAll(this.form,this.checked)

程序代码

function CheckAll(form1,v) {
for (var i=0;i<form1.elements.length;i++) {
var e = form1.elements[i];
if (e.type=='checkbox') e.checked = v;
}
}

//验证表单字符串表达式正确性

程序代码

function regExpCheck(re,getO,msg)
{
if(re.test(getO.value)==false)
{
if (getO.msg)
{
msg = getO.msg+msg
}
alert(msg)
getO.focus();
return false;
}
return true;
}

//验证用户名

程序代码

function checkAccount(getO)
{
re= /^([a-z0-9]{4,12})$/gi
msg = "用户名格式为:4-12位 英文小写(a-z) 数字(0-9)"
return regExpCheck(re,getO,msg)
}

//验证密码

程序代码

function checkPassY(getO)
{
re= /^([A-Za-z0-9]{8,12})$/gi
msg = "登录密码格式为:8-12位 英文(A-Z,a-z) 数字(0-9)"
return regExpCheck(re,getO,msg)
}

//验证真实姓名

程序代码

function checkNameN(getO)
{
re= /^[^\'\,\;\$\|\@\*]{2,10}$/gi
msg = "真实姓名格式错误"
xx = regExpCheck(re,getO,msg)
if (xx==true)
{
re = /[^ -}]/gi
gV = getO.value
if( gV.match(re)== null)
return true
else
{
gV_c = (gV.match(re)).length
gV_e = gV.length-gV_c
gv_len = gV_c*2 + gV_e
if (gv_len>20)
{
alert("不能长于10个字符")
return false;
}
else
return true
}
}
else
return false;
}

//验证身份证号码

程序代码

function checkIdCard(getO)
{
re= /^(([0-9]{15})|([0-9a-z]{18}))$/gi;
msg = "身份证格式错误"
return regExpCheck(re,getO,msg)
}

//验证电子邮件

程序代码

function checkEmail(getO)
{
re= /^([\.\w-]){2,30}@([\w-]){3,30}(\.([\w]){2,4}){1,2}/gi
msg = "邮箱格式错误"
return regExpCheck(re,getO,msg)
}

//验证邮政编码

程序代码

function checkZipCode(getO)
{
re= /^([0-9]{6})$/gi
msg = "邮政编码格式为:6位 数字(0-9)"
return regExpCheck(re,getO,msg)
}

//验证电话号码

程序代码

function checkPhone(getO)
{
re= /^([\d]){2,5}-([\d]){3,14}/gi
msg = "电话格式错误\r\n\r\n区域号码和电话号码中间请用“-”格开,例如:029-82303721"
return regExpCheck(re,getO,msg)
}

//验证手机号码

程序代码

function checkMobile(getO)
{
re= /^(\+?[0-9]{0,3}13[0-9]{9})$/gi
msg = "手机格式错误"
return regExpCheck(re,getO,msg)
}

//验证校验码

程序代码

function checkVcode(getO)
{
re= /^(\d{4})$/gi
msg = "校验码格式错误"
return regExpCheck(re,getO,msg)
}
//验证数字1
function checkNumber(getO)
{
re= /^\d+$/gi
msg = "格式错误,请输入0~9的数字"
return regExpCheck(re,getO,msg)
}
//验证数字2
function checkNumberText(get0,msg0)
{
re = /^\d+$/gi
//msg = msg0
return regExpCheck(re,get0,msg0)

相关文章

  • js的alert样式如何更改如背景颜色

    js的alert样式如何更改如背景颜色

    如何更改js的alert样式如:弹出对话框时的背景颜色、背景透明等等,下面有效果图,感兴趣的朋友可以学习下
    2014-01-01
  • JavaScript实现QueryString获取GET参数的方法

    JavaScript实现QueryString获取GET参数的方法

    本文为大家详细介绍下如何通过JavaScript实现QueryString获取GET参数,具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • BootStrap栅格之间留空隙的解决方法

    BootStrap栅格之间留空隙的解决方法

    BootStrap栅格系统可以把我们的container容器划分为若干等分,如果想要每个部分之间留出一定的空隙,那么应该怎么解决,本文就来介绍一下
    2021-08-08
  • 原生js实现密码强度验证功能

    原生js实现密码强度验证功能

    这篇文章主要为大家详细介绍了原生js实现密码强度验证功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • javascript搜索框点击文字消失失焦时文本出现

    javascript搜索框点击文字消失失焦时文本出现

    这篇文章主要介绍了javascript实现搜索框点击文字消失失焦时文本出现的效果,示例代码如下,大家可以看看
    2014-09-09
  • IE8对JS通过属性和数组遍历解析不一样的地方探讨

    IE8对JS通过属性和数组遍历解析不一样的地方探讨

    如果是非IE8浏览器例如(IE7、IE9、Chrome、FF,仅测试这几种)通过属性和数组遍历,其结果是一样的,但对于IE8,结果会有一点小小的差异,在IE8下会把原型链扩展方法当做一个属性输出,大家可以测试一下
    2013-05-05
  • 微信小程序实现点击按钮后修改颜色

    微信小程序实现点击按钮后修改颜色

    这篇文章主要介绍了微信小程序实现点击按钮后修改颜色,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • 微信小程序自定义tabbar栏实现过程讲解

    微信小程序自定义tabbar栏实现过程讲解

    tabBar相对而言用的还是比较多的,但是用起来并没有难,下面这篇文章主要给大家介绍了关于微信小程序全局配置之tabBar的相关资料,文中通过图文以及示例代码介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • javascript滚轮控制模拟滚动条

    javascript滚轮控制模拟滚动条

    这篇文章主要为大家详细介绍了javascript滚轮控制模拟滚动条的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 手机注册发送验证码倒计时的简单实例

    手机注册发送验证码倒计时的简单实例

    下面小编就为大家分享一篇手机注册发送验证码倒计时的简单实例。具有很好的参考价值,一起跟随小编过来看看吧,希望对大家有所帮助
    2017-11-11

最新评论