zoukankan      html  css  js  c++  java
  • 表单验证必填项

    在表单验证中,会有一些必填项,如手机号,密码,昵称,验证码等,如果某项为空,或格式不正确表单将无法提交。在此我只做了手机号和密码的验证,其他的与此类此

    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>
    

      

  • 相关阅读:
    [UE4]创建多把枪,使用Class,参数的对象类型
    [UE4]换枪需要做的事,容器:数组、集合、Map
    [UE4]蓝图重构
    [UE4]为什么会有类型检查
    [UE4]ChildActor组件
    [UE4]Character,飞行模式。
    [UE4]Pawn和Controller,第一人称和第三人称切换
    [UE4]组件
    [UE4]Acotr
    [UE4]封装、继承、多态
  • 原文地址:https://www.cnblogs.com/lfhy/p/6782367.html
Copyright © 2011-2022 走看看