javascript验证表单数据案例的详细说明

直接po截图和代码

以下是CheckFormDemo.html

！doctype html heartheta charset=' utf-8 ' title link rel='样式表' type=' text/CSS' href='./CSS/body . CSS ' rel=' externalnofollow '/Script type=' text/JavaScript ' src=' http : jscheckdateddemo . js '/Script/head dyh 1验证表单的情况/h1表单名称=' form1' id=' f1' action='./Testform ' method=' get ' name:input type=' text ' name=' username ' id=' uname ' br/age:input type=' text ' name=' age ' id=' uage ' br/Password:input type=' Password ' name=' pwd ' id=' mypwd ' br/重复的密码：input type=' Password ' name=' repeatpwd ' id=' myrepeatpwd ' br/！-虽然在复选框中设置了name属性，但如果未选中该复选框，则不会将它提交给服务器，只有选中的复选框， 将提交到服务器-爱好：输入类型=' checkbox '名称=' hobby' id=' my hobby '值=' football '足球输入类型=' checkbox '名称=' hobby' id=' my hobby '值='羽毛球'羽毛球input类型=' checkbox '名称=' hobby' id=' myhobby '值='篮球'篮球输入类型=' checkbox '名称=' hobby' id=' myhobby '值='台球'台球br/备注：textarearrows=' 3 ' cols=-只有设置了name属性的表单元素才能在提交表单时传递它们的值-test field :输入类型=' text ' id=' test ' value=' name属性故意不在此文本框中设置，以查看服务器是否可以接收' br/！ -onclick=' CheckFORm()；'在这句话里；分号也可以省略，但如果有多行js代码，则需要在每一行js代码后添加；分号，最后一行js代码后面不能写；分号也可以写；分号-输入类型=' button '值=' js验证表单' onclick=' CheckFORm()；'输入类型='submit '值=' submit to servlet '/表单/正文/html这里是jsCheckDateDemo.js

/* * * *//alert(document . getelementsbyname('爱好')。长度)；//alert(document . getelementsbyname('爱好')[0])。值)；//alert(document . getelementbyid(' my hobby '))；//for(var I=0；I document . forms[0]. hobby . length；I){//alert('-' document . forms[0])。爱好。值)；//}var标志=falsefor(var I=0；I document . form 1 . hobby . length；I){//alert(document . form 1 . hobby[I]。值)；//alert(document . form 1 . hobby[I])。选中)；if (document.form1.hobby[i]。选中){ flag=true打破；}}if(！标志){//没有选择任何爱好提醒('请至少选择一个爱好！');//程序不需要下去，只是returnreturn} if (document.forms [0]。pwd.value.length8) {alert('密码长度不能少于8位数！');document . forms[0]. pwd . focus()；//让密码框获得焦点。//程序不需要再往下走了，只需要returnreturn} if(document . forms[0]. pwd . value！=文档。表单[0]。repeatpwd。value) {alert('两个密码输入不一致！' );document . forms[0]. repeatpwd . focus()；//让重复密码框获得焦点。//程序不需要再往下走了，只需要returnreturn} if (document.getelementbyid('备注')。value=='') {alert('备注不能为空！');/*这里不用写return，因为这里执行程序的时候后面没有代码，所以写不写return都无所谓，所以不要写return，反而让人觉得你是新手，有点熟练！*/}}以上是边肖介绍的javascript验证表单数据的详细讲解和整合，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！