首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

表单查验

2012-09-19 
表单检验!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1

表单检验

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#useryes,#userno{display:none;}</style><script type="text/javascript" src="../Day26/doctool.js"></script><script type="text/javascript">function checkUser(userNode){var name = userNode.value;//var namereg = new RegExp("^[a-z]{5}$");var namereg = /^[a-z]{5}$/i;var spanNode1 = byId("useryes");var spanNode2 = byId("userno");if(name.match(namereg)){//spanNode.innerHTML = "用户名正确".fontcolor("green");spanNode1.style.display = "inline";spanNode1.style.color = "green";spanNode2.style.display = "none";}else{//spanNode.innerHTML = "错误的用户名".fontcolor("red");spanNode2.style.display = "inline";spanNode2.style.color = "red";spanNode1.style.display = "none";}}function checkPsw(pswNode){var pass = pswNode.value;//var passreg = new RegExp("^\\d{5}$");var passreg = /^\d{5}$/;var spanNode = byId("pswspan");if(pass.match(passreg))spanNode.innerHTML = "密码正确".fontcolor('green');elsespanNode.innerHTML = "密码错误".fontcolor("red");}function checkMail(mailNode){var mail = mailNode.value;var mailreg = /^\w+@\w+(\.\w+)+$/;var spanNode = byId("mailspan");if(mailreg.test(mail))spanNode.innerHTML = "邮件正确".fontcolor('green');elsespanNode.innerHTML = "邮件错误".fontcolor("red");}function checkForm(){//alert(document.forms[0].user.value);var form = doc.forms[0];if(checkUser(form.user) && checkPsw(form.psw))}</script></head><body><form action="http://127.0.0.1" onsubmit="checkForm()">用户名称:<input type="text" name="user" onblur="checkUser(this)" /><span id="useryes">用户名正确</span><span id="userno">用户名错误</span><br />输入密码:<input type="text" name="psw" onblur="checkPsw(this)" /><span id="pswspan"></span><br />确认密码:<input type="text" name="repsw" /><br />邮件地址:<input type="text" name="mail" onblur="checkMail(this)" /><span id="mailspan"></span><br /><input type="submit" name="提交数据" /></form></body></html>

?

热点排行