初学javascript,利用正则表达式实现简单的姓名与邮箱校验功能,然后提交html head script typetext/javascript //姓名的方法 function checkName(){ var inputNode document.getElementById(userName); var spanNode document.getElementById(userId); var content inputNode.value; //编写姓名的正则 var reg /^[a-z][a-z0-9]{5}$/i; if(reg.test(content)){ spanNode.innerHTML (正确).fontcolor(green); return true; }else{ spanNode.innerHTML (错误).fontcolor(red); return false; } } //邮箱的方法 function checkEmail(){ var email document.getElementById(email).value var spanNode document.getElementById(emailSpan); //编写邮箱的正则 var reg /^[a-z0-9]\w[a-z0-9](\.[a-z]{2,3}){1,2}$/i; if(reg.test(email)){ spanNode.innerHTML 正确.fontcolor(green); return true; }else{ spanNode.innerHTML 错误.fontcolor(red); return false; } } //提交表单的时候会触发onsubmit方法 function checkAll(){ var userName checkName(); var email checkEmail(); if(userNameemail){ return true; }else{ return false; } } /script meta http-equivContent-Type contenttext/html; charsetutf-8 / title正则表达式/title /head body form actionsuccess.html methodget onsubmitreturn checkAll() table border1px width50% aligncenter cellspacing0px cellpadding3px tr td width25%姓名: /td td input typetext name userName iduserName onBlurcheckName()/ span iduserId/span /td /tr tr td密码:/td td input typepassword name pwd idpwd onBlurcheckPass()/ span id passId/span /td /tr tr td确认密码:/td td input typepassword name ensurepwd idensurepwd onBlurensurePass()/ span id ensure/span /td /tr tr td邮箱:/td td input typetext name email idemail onBlurcheckEmail()/ span id emailSpan/span /td /tr tr td性别:/td td input typeradio checked true name gender idmale vaue male /男 input typeradio name gender idfemale vaue female /女 span id passId/span /td /tr tr td爱好/td td/td /tr tr td城市/td td/td /tr tr td自我介绍/td td/td /tr tr td colspan2 align centerinput type submit value 提交查询 //td /tr /table /body /htmlform的onsubmit事件,表单提交前验证html head meta http-equivContent-Type contenttext/html; charsetutf-8 / title提交数据/title /head body h1font color#FF0000**恭喜你,提交数据成功**/font/h1 /body /html效果如下图:如果输入的姓名和邮箱格式和正则表达式 不匹配,则在提交查询时显示错误,提交不了如果姓名和邮箱格式输入正确,则显示正确,点击提交查询,数据就提交成功,弹出以下页面:
