本文實例講述了JavaScript簡單驗證表單空值及郵箱格式的方法。分享給大家供大家參考，具體如下：
運行效果圖如下：
具體代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Language" content="zh-cn" /><title>Javascript 表單驗證</title><body> <h3>（一）驗證必填項是否有空值。</h3> <form action = "submitpage.html" onsubmit = "return validate_form(this)" method = "post"> Name:<input type = "text" name = "name" size = "20"> <input type = "submit" value = "Submit"> </form> <h3>（二）驗證Email格式是否正確。</h3> <form action = "submitpage.html" onsubmit = "return is_email_form(this)" method = "post"> Email:<input type = "text" name = "email" size = "20"> <input type = "submit" value = "OK"> </form> <script>//判斷內容是否為空 function validate_form(thisform){ with (thisform){ if (!validate_required(name,"Name must be filled out!")){ name.focus(); return false } } } function validate_required(field,alerttxt){ with (field){ if (value==null||value==""){ alert(alerttxt); return false }else { return true } } }//判斷內容是否符合email的格式function is_email_form(thisform){ with(thisform){ if(!checkEmail(email,"Not a valid e-mail address!")){ email.focus(); return false; } }}function checkEmail(field, alertText){ with(field){ apos = value.indexOf("@"); dotPos = value.indexOf("."); if(apos<1 || dotPos-apos<2){ alert(alertText); return false; }else{ return true; } }} </script></body></html>更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript表單(form)操作技巧大全》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
