1. 程式人生 > >jq form表單驗證

jq form表單驗證

<form action="" class="idxform1" onsubmit="return formyz('j_name','j_phone','j_em','j_content','j_code')">
    <div class="ipt1 "><span>姓名</span><input type="text" class="j_name"></div>
    <div class="ipt1 "><span>電話</span><input type="text" class
="j_phone"></div> <div class="ipt1 "><span>郵箱</span><input type="text" class="j_em"></div> <div class="ipt2"> <span>內容</span>   <textarea class="j_content"></textarea> </div>   <div class="yzm">
<input type="text" class="j_code" placeholder="驗證碼">   <div class="zzyzm"></div>   </div>   <input class="idxtj" type="submit" value="提 交"> </form> <script type="text/javascript"> //聯絡我們表單驗證 function formyz(name,phone,em,content,code){ var name=$("."
+name); var phone=$("."+phone); var em=$("."+em); var content=$("."+content); var code=$("."+code); if(name.val()==""){ name.parent(".ipt1").css({"border":"1px solid #3598db"}); name.val(""); name.focus(); return false; } if(!(/^1\d{10}$/.test(phone.val()))){ phone.parent(".ipt1").css({"border":"1px solid #3598db"}); phone.val(""); phone.focus(); return false; } if(!(/^(\w-*\.*)[email protected](\w-?)+(\.\w{2,})+$/.test(em.val()))){ em.parent(".ipt1").css({"border":"1px solid #3598db"}); em.val(""); em.focus(); return false; } if(code.val()==""){ code.css({"border":"1px solid #3598db"}); code.val(""); code.focus(); return false; } else{ return true; } } </script>