作业18-注册电子邮箱

最新推荐文章于 2022-10-18 00:00:00 发布

时刻的慌张

最新推荐文章于 2022-10-18 00:00:00 发布

阅读量609

点赞数

本文链接：https://blog.csdn.net/hcl430422hcl/article/details/87178343

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			tr{
				display: block;
			}
		</style>
	</head>
	<body>
		<form action="#" method="get">
		<table>
		<tr>
			<td>电子邮箱:</td>
			<td><input type="text"/><span id="emailInfo"></span></td>  
			
		
		</tr>
		<tr>
			<td>性别：</td>
			<td><input name="sex" type="radio"/>男</td>  
			<td><input name="sex" type="radio"/>女</td>  
		</tr>
		<tr>
			<td>头像：</td>
			<td><input type="file"/></td>  
			
		
		</tr>
		<tr>
			<td>爱好：</td>
			<td><input type="checkbox"/>运动</td>  
			<td><input type="checkbox"/>聊天</td>
			<td><input type="checkbox"/>玩游戏</td>
			
			
		
		</tr>
		<tr>
			<td>出生日期:</td>
			<td><select>
				<option>1998</option>
				<option>1999</option>
				<option>2000</option>
				<option>2001</option>
				
			</select>年</td> 
			<td><select>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option>
				
			</select>月</td>  
			<td><select>
				<option>1</option>
				<option>2</option>
				<option>3</option>
				<option>4</option>
				
			</select>日</td>  
			
		
		</tr>
		<tr>
			<td><input type="submit"/></td>
			<td><input type="reset"/></td>
			
		</tr>
		</table>
		
		</form>
	</body>
	<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	   $(function(){
	   	
	   	 var obj = $("form :input").eq(0);//获取到input对象
	   	
        $(obj).blur(function(){//给input设置失去失去焦点事件
        	 alert("a");
            var val = $(this).val();
            var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式
            if(!reg.test(val)){//sdasdasd@163.com
                $(this).val("");
                $("#emailInfo").html("&nbsp;&nbsp;&nbsp;邮箱格式不对!").css("color","red");
            }else{
                $("#emailInfo").html("")
            }
       
	   	});
	   

        
	</script>
</html>

时刻的慌张

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
作业18-注册电子邮箱

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; tr{ display: block; } &amp
复制链接

扫一扫