表单验证的步骤:
1、编写函数来进行验证
function valid()
{
//编写验证代码
return true;
}
2、在提交按钮中调用函数或者在表单提交事件中调用函数
onclick="return valid()"
具体验证代码:
1)验证文本框、下拉框非空的方式
var obj=document.getElementById("元素id");
if(obj.value=="")
{
alert("xx不能为空!");
obj.focus();
return false;
}
2)验证单选框和复选框至少选中一项
a、给要验证的单选框或者复选框取同样的name
b、var objs=document.getElementsByName("你取的name");
var flag=false;
for(var i=0;i<objs.length;i++)
{
if(objs[i].checked)
{
flag=true;
break;
}
}
if(flag==false)
{
alert("xx至少选中一项");
return false;
}
3、验证文本框的格式
var obj=document.getElementById("元素id");
var part=/正则表达式/;
if(!part.test(obj.value))
{
alert("xx格式不正确!");
obj.focus();
obj.select();
return false;
}
4、验证单选框、复选框并获取值
var objs=document.getElementsByName("你取的name");
var str="";
for(var i=0;i<objs.length;i++)
{
if(objs[i].checked)
{
str+=objs[i].value+",";
//break;单选则加,复选则不加
}
}
if(str=="")
{
alert("xx至少选中一项");
return false;
}
else
{
//去掉最后一个逗号
str=str.replace(/,$/g,"");
}