首先是html代码
<form action="" method="post" name="myform"> <li><em>留言标题:</em><input type="text" name="lc_title" id="lc_title" > </li> <li><em>姓名:</em><input type="text" name="lc_name" id="lc_name" > </li> <li><em>E-MAIL:</em><input type="text" name="lc_email" id="lc_email" ></li> <li><em>联系电话:</em><input type="text" name="lc_tel" id="lc_tel" ></li> <li> <input type="submit" id="tijiao" value="提 交" onClick="return doSubmit();" > <input type="reset" id="chongzhi" value="重 置"> </li> </form>
然后是jq 判断代码
<script type="text/javascript"> function doSubmit(){ if (document.getElementById("lc_title").value==""){ alert("亲,请填写留言标题!"); document.getElementById("lc_title").focus(); //赋予焦点 return false; } if (document.getElementById("lc_name").value==""){ alert("亲,请填写您的姓名!"); document.getElementById("lc_name").focus(); return false; } if (document.getElementById("lc_email").value==""){ alert("亲,请填写电子邮件!"); document.getElementById("lc_email").focus(); return false; } if (!Isyx(document.getElementById("lc_email").value)){ alert("亲,请输入正确的电子邮件!"); document.getElementById("lc_email").focus(); return false; } if (document.getElementById("lc_tel").value==""){ alert("亲,请填写联系方式!"); document.getElementById("lc_tel").focus(); return false; } var reg =/(^0{0,1}1[3|4|5|6|7|8|9][0-9]{9}$)/; //判断手机填写信息是否为正确手机号 if(!reg.test(document.getElementById("lc_tel").value)){ alert("亲,请输入正确的联系方式!"); document.getElementById("lc_tel").focus(); return false; } if (document.getElementById("lc_content").value==""){ alert("亲,请填写留言内容!"); document.etElementById("lc_content").focus(); return false; } return true; } </script>