在表单验证中,会有一些必填项,如手机号,密码,昵称,验证码等,如果某项为空,或格式不正确表单将无法提交。在此我只做了手机号和密码的验证,其他的与此类此
html代码:
<form action="" onsubmit="return check_sub()"> <p class="tel"> <label for="tel">手机</label> <input type="text" id="tel" onblur="yt_tel()"> <span>手机格式不正确</span> </p> <p class="psd"> <label for="psd">密码</label> <input type="password" id="psd" onblur="yt_psd()"> <span>密码格式不正确</span> </p> <p> <input type="submit" id="sub"> </p> </form>
js代码
<script type="text/javascript"> function check_sub(){ var check=yt_tel()&&yt_psd(); if(!check){ return false; console.log('false'); }else{ return true; } } //验证手机号 var regTel=/(1[3-9]\d{9}$)/; function yt_tel(){ var tel=$('#tel').val(); if (!regTel.test(tel)) { $('.tel span').show(); return false; }else{ return true; } } //验证密码 var regPsd=/^[_a-zA_Z0-9]{6,12}/; function yt_psd(){ var psd=$('#psd').val(); if (!regPsd.test(psd)) { $('.psd span').show(); return false; }else{ return true; } } $('#tel').focus(function(){ $('.tel span').hide(); }); $('#psd').focus(function(){ $('.psd span').hide(); }); </script>