HTML:<html><head><title>用戶注冊</title><link type="text/css" rel="stylesheet" href="Untitled-2.css"><style type="text/css">.former{position: absolute;/*絕對定位*/width: 500px;height: 150px;border: 1px solid ;text-align: center;/*(讓div中的內容居中)*/top: 50%;left: 50%;margin-top: -250px;margin-left: -250px;}</style><script type="text/javascript" src="js/11-5.js"></script></head><body><div>? ? <p class="center">免費注冊成eBook會員</p ></div><form action="" method="post"><div class="former"> <div class="row"> <span class="name">會員賬號:</span><span class="value"><input type="text" name="name"/>(請輸入數字,字母,下劃線組合,長度為10字節)? ? ? ? </span><p class="msg"><i class="ati"></i>長度為10</p> </div>? ? <div class="row">? ? <span class="name">密碼:</span><span class="value"><input type="password" class="text" name="pwd1"/>(請務必牢記此密碼!)? ? ? ? </span><p class="msg"><i class="err"></i>密碼不能為空</p>? ? </div>? ? <div class="row">? ? <span class="name">確認密碼:</span><span class="value"><input type="password" class="text" name="pwd2"/>? ? ? ? </span>? ? </div>? ? <div class="row">? ? <span class="name">E_mail:</span><span class="value"><input type="email" name="email"/>? ? ? ? </span><p class="msg"><i class="ati"></i>郵箱地址必為合法地址</p>? ? </div></div></form><p></p><br><br><br><br><br><br><br><br><br><br><br><div id="law" align=center>? ? <textarea rows="10" cols="60" >? ? ? ? eBook會員條款 首先,您必須完全同意一、服務條款的確認和接納1、移步客(以下簡稱“本站”)各項服務的所有權和運作權歸北京文言時代電子商務有限公司。本站提供的服務將完全按照其發布的章程、服務條款和操作規則嚴格執行。會員應完全同意所有服務條款并完成注冊程序,才能成為本站的正式注冊會員,享受本站提供的更全面的服務。</textarea>? ? ? ? <p>請閱讀并同意會員條款<input name="agree" type="radio" checked />點選這里表明你已經閱讀并同意</p >? ? ? ? <p>? ? ? ? <button type="botton">提交</button>? ? ? ? <input type="button" value="重填" />? ? ? ? </p ></div></body></html>JSfunction getLength(str){return str.replace(/[^\x-xff]/g,"xx").length;}window.onload=function(){var alnput=document.getElementsByTagName('input');var oName=alnput[0];var pwd1=alnput[1];var pwd2=alnput[2];var email=alnput[3];var aP=document.getElementByTagName('p');var name_msg=aP[0];var pwd1_msg=aP[1];var email_msg=aP[2];var name_length=0;oName.onblur=function(){if(this.value==""){name_msg.innerHTML='<i class="err"></i>不能為空!'}else if(name_length!=10){name_msg.innerHTML='<i class="err"></i>長度必為10!'}else{name_msg.innerHTML='<i class="ok"></i>OK!'}}pwd1.onblur=function(){if(this.value==""){pwd1_msg.innerHTML='<i class="err"></i>不能為空!'}else{pwd1_msg.innerHTML='<i class="ok"></i>OK!'}}pwd2.onblur=function(){if(this.value!=pwd1.value){pwd2_msg.innerHTML='<i class="err"></i>兩次輸入密碼不一致!'else{pwd2_msg.innerHTML='<i class="ok"></i>OK!'}}email.onblur=function(){var re=/[@.\w]/g;if(re.test(this.value)){email_msg.innerHTML='<i class="err"></i>不包含@和.'else{email_msg.innerHTML='<i class="ok"></i>OK!'}}}CSS:@charset "utf-8";/* CSS Document */form{ text-align:center; }div p.center{ text-align:center; }div.former{ display:table; background-color:#0CC; border-spacing:2px; padding:10px; align:center; }#f{ alignment-baseline:central;}div.row{ display:table-row; }span.name{ display:table-cell; text-align:center; }span.value{ display:table-cell; text-align:left; }
我寫了html代碼,js代碼,css代碼,為什么驗證不了form里的input???求大神幫助
qq_容定行_0
2018-04-25 21:09:38