首页 > 代码库 > 表单验证必填项
表单验证必填项
在表单验证中,会有一些必填项,如手机号,密码,昵称,验证码等,如果某项为空,或格式不正确表单将无法提交。在此我只做了手机号和密码的验证,其他的与此类此
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>
表单验证必填项
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。