龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

JavaScript常用验证函数实例汇总(4)

时间:2014-11-27 16:02来源:网络整理 作者:网络 点击:
分享到:
11. form文本域的通用校验函数 作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。 该校验现在只针对文本域,如果要针对form里面的其

11. form文本域的通用校验函数
 
作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。

使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名
html如下<input name="txt_1" title="姓名">,当然,最好用可视化工具比如dreamweaver什么的来编辑域。
如果要检测数字类型数据的话,再把域的id统一为sz.
javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。

程序比较草,只是提供一个思路。抛砖引玉! :)
哦,对了,函数调用方法:< form onsubmit="return dovalidate()">

复制代码 代码如下:
function 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是否选择

复制代码 代码如下:
<script language="javascript">
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程序设计有所帮助。

精彩图集

赞助商链接