学习javaee第三天的小练习

最新推荐文章于 2016-09-09 00:39:13 发布

只有自己努力才是真

最新推荐文章于 2016-09-09 00:39:13 发布

阅读量371

点赞数

分类专栏： javaee 文章标签： java ee

本文链接：https://blog.csdn.net/css1223mjf/article/details/51842120

版权

javaee 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

一、会动的动态时钟

<!DOCTYPE html>
<html>
  <head>
    <title>twoJS_example.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

<script>
function clock(){
    var da = new Date();
    var str = p.getFullYear() + "年" + p.getMonth() + "月" + p.getDate() + "日"+
    					p.getHours() + "时" + p.getMinutes() + "分" + p.getSeconds() + "秒";
    				
    var sp = document.getElementById("clock");
    sp.innerHTML = str;
}

window.setInterval("clock()",1000);
</script>
<span style="white-space:pre">	</span>
    <body>
         动态时钟：<span id="clock"></span>
    </body>
</html>

二、正则表达式的运用

<pre name="code" class="html"><!DOCTYPE html>
<html>
  <head>
    <title>regex.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

	<script type="text/javascript">
		/*
			用户名： 6-16位字母或数字，下划线
			密码：   4-12位数字
			邮箱：   邮箱规则    eric@qq.com   eric@sina.com.cn   eric@itcast.cn  22323@qq.com
				     字母或数字或下划线（至少1个）@字母或数字(两个以上).字母（2-3个）.字母（2-3可有可无）
		*/

function check1(){
        var username = document.getElementByNames("username")[0].value;
      var re = new RegExp("^[a-z0-9_]{6,16}$i");
       if(!re.test(username)){
              alert("匹配失败");
        }
}
function check2(){
           var password= document.getElementByNames("password")[0].value;
      var re = new RegExp("^[a-z0-9]{4,12}$i");
       if(!re.test(password)){
              alert("匹配失败");
        }
}
function check3(){
           var email= document.getElementByNames("email")[0].value;
      var re = new RegExp("^[a-z0-9_]+@[0-9a-z]{2,}\.[a-z]{2,3}(\.[a-z]{2,3})?$i");
       if(!re.test(email)){
              alert("匹配失败");
        }
}


</script>

<body>
     用户名：<input type="text" name="username" οnblur="check1()" /><br />
    	密码：<input type="password" name="password"  οnblur="check2()" /><br />
    	邮箱地址：<input type="text" name="email" οnblur="check3()"  /><br />
</body>
</html>

这两个小案例，从这几天的学习中开发出来的一个非常非常简单的js案例，我相信以后能够慢慢的做好做大它