//使用正則表達式截取空格 function trim(s) { return s.replace(/^\s*/,"").replace(/\s*$/,""); } //表單驗證 function check() { var form=document.forms[0]; //錯誤字符串 var errStr = ""; //當用戶名爲空 if (trim(form.user.value) == null || trim(form.user.value) == "") { errStr += "\n用戶名不能爲空!"; form.user.focus(); } //當密碼爲空 if (trim(form.pass.value) == null || trim(form.pass.value) == "") { errStr += "\n密碼不能爲空!"; form.pass.focus(); } //當電子郵件爲空 if (trim(form.email.value) == null || trim(form.email.value) == "") { errStr += "\n電子郵件不能爲空!"; form.email.focus(); } //使用正則表達式校驗電子郵件的格式是否正確 if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(trim(form.email.value))) { errStr += "\n電子郵件的格式不正確!"; form.email.focus(); } //若是錯誤字符串不爲空,代表校驗出錯 if( errStr != "" ) { //彈出出錯信息 alert(errStr); //返回false,用於阻止表單提交 return false; } }
HTML html
<div align="center"> <form method="post" onsubmit="return check();" name="register" action="http://www.crazyit.org"> 用戶名:<input type="text" name="user" /><br /> 密 碼:<input type="password" name="pass" /><br /> 電 郵:<input type="text" name="email" /><br /> <input type="submit" value="提交" /> </form> </div>