Web表单验证实例
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Web表单验证实例
学习交流,非诚勿扰:1244399731一、实验要求:
创建一个页面,命名为“表单验证.html”。在页面上创建一个表单,命名为“regform”,其中包含元素为:文本框(username,获取用户名)、文本框(password,密码)、文本框(passwordcheck,对密码进行确认)、单选按钮(radiosex)选择性别、兴趣爱好(hobbycheckbox,至少可选择5项爱好)、下拉列表(homedownselect,用于选择籍贯)、文本域(briefarea,用于获得用户简介)、提交按钮(formsubmit)、重置按钮(formreset)。
当提交表单时,对表单中的信息进行验证并给出提示,要求如下:(1)要求验证上面的所有元素的值必须不为空,即用户必须填写相关内容。
(2)用户名、密码必须是6-20位。
(3)要求password与passwordcheck必须相同。
(4)在表达允许提交的情况下,完成下面动作:打开一个新窗口wid,将上述验证后的表单信息在wid中显示出来。
二、源代码:
"/TR/html4/loose.dtd">
function checkForm()
{
var username_exg=/\w{6,20}/;
var password_exg=/[0-9]{6,20}/;
if(username_exg.test(ername.value)==f alse)//验证用户名格式
{
alert("用户名必须是6到20的字符!");
ername.focus();
return false;
}
if(password_exg.test(document.regform.password.value)==f alse)//验证密码格式
{
alert("密码必须是6到20个数字!");
document.regform.password.focus();
return false;
}
if(document.regform.password.value!=document.regform.pas swordcheck.value)//验证两次密码是否一致
{
alert("密码输入不一致!");
document.regform.password.focus();
return false;
}
var flag1=false,ob;
for(var j=1;j<=3;j++)
{
ob=eval("document.regform.radiosex"+j);
if(ob.checked==true)
{
{flag1=true;
z=ob.value;
}
}
}
if(flag1==false)
{
alert("请选择您的性别!");
return flag1;
}
var str1="",flag=false,obj;
for(var i=1;i<6;i++) //检查每一个checkbox的状态{
obj=eval("document.regform.hobbycheckbox"+i); if(obj.checked==true)
{
flag=true;
str1=str1+" "+obj.value;
}
}
if(flag==false)
{
alert("请选择您的业余爱好!");
return flag;
}
if(document.regform.homedownselect.value=="未选中") {
alert("请选择个人的籍贯!!");
return false;
}
if (document.regform.briefarea.value=="")
{
alert("简介不能为空哦!")
return false;
}