JavaScript常用验证函数实例汇总(4)
11. form文本域的通用校验函数
作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。
使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名
html如下<input name="txt_1" title="姓名">,当然,最好用可视化工具比如dreamweaver什么的来编辑域。
如果要检测数字类型数据的话,再把域的id统一为sz.
javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。
程序比较草,只是提供一个思路。抛砖引玉! :)
哦,对了,函数调用方法:< form onsubmit="return dovalidate()">
{
fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件
for(i=0;i<fm.length;i++)
{
//检测判断条件,根据类型不同可以修改
if(fm.tagName.toUpperCase()=="INPUT" &&fm.type.toUpperCase()=="TEXT" && (fm.title!=""))
if(fm.value="/blog/="")//
{
str_warn1=fm.title+"不能为空!";
alert(str_warn1);
fm.focus();
return false;
}
if(fm.id.toUpperCase()=="SZ")//数字校验
{
if(isNaN(fm.value))
{ str_warn2=fm.title+"格式不对";
alert(str_warn2);
fm.focus();
return false;
}
}
}
return true;
}
12. 验证radio是否选择
function checkform(obj)
{
for(i=0;i<obj.oo.length;i++)
if(obj.oo[i].checked==true) return true;
alert("请选择")
return false;
}
</script>
<form id="form1" name="form1" method="post" action="" onsubmit="return checkform(this)">
<input type="radio" name="oo" value="radiobutton" />
<input type="radio" name="oo" value="radiobutton" />
<input type="submit" name="Submit" value="提交" />
</form>
希望本文所述对大家基于javascript的web程序设计有所帮助。
- 上一篇:jquery提示效果实例分析
- 下一篇:JavaScript导出Excel实例详解