javaweb实验3--JavaScript练习+HelloServlet

原创已于 2022-07-03 11:29:02 修改 · 503 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #正则表达式

于 2021-11-17 20:36:20 首次发布

JavaWeb--Eclipse版专栏收录该内容

9 篇文章

订阅专栏

该博客介绍了三个JavaWeb实验，包括使用JavaScript构造JSON对象并进行页面交互，利用正则表达式进行表单验证，以及Servlet的配置与简单应用。在第一题中，实验涉及创建JSON对象并赋值给页面元素。第二题重点是JavaScript的控件验证，通过正则表达式检查各种输入格式。第三题讲解了如何配置和运行HelloServlet。

文章目录

1.第一题

实验内容
1.构造一个JSON对象，属性：学生姓名，学生年龄，学生所在学院；
2.学生所在学院：学院名称，学院坐落地址
3.页面加载以后，创建两个JSON 学生对象，并且把第一个学生的姓名赋值给页面上一个id=“s1”的 input 元素。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test3-1</title>
</head>

<script>

	var stu = {"stuName":"Wang","age":"18","school":"计算机"};  //创建一个JSON学生对象
	var school = {"school":"计算机","address":"J13"};  //创建一个JSON学院对象
	



    window.onload=function(){    //页面加载完成后能立即触发，以防要操作的对象还未被加载
    	var stuObj1 = {"stuName":"张三","age":"18","school":"计算机"}; 
    	var stuObj2 = {"stuName":"李四","age":"20","school":"土木"};
		var stuname = document.getElementById("s1");   //获取指定id的元素
		stuname.value = stuObj1.stuName;   //设置input元素的值
    }
	
</script>

<body>

	姓名：<input type="text" id="s1" />

</body>

</html>

2.第二题

掌握JavaScript控件验证的功能
实验内容
1.构造一个Form表单，包含email，域名，手机号码，电话号码，身份证号，密码，ip地址等不同类型
2.利用javascript与正则表达式实现上述控件的验证
3.验证事件为onsubmit

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test3-2</title>
	<script>
	function test1()
    {
         var userEmail=document.formTest.userEmail.value;
         var userDN=document.formTest.userDN.value;
         var userMPhone=document.formTest.userMPhone.value;
         var userPhone=document.formTest.userPhone.value;
         var userID=document.formTest.userID.value;
         var userPw=document.formTest.userPw.value;
         var userIP=document.formTest.userIP.value;
         
        
         alert("提交成功!");
         return true;
    }
	
	
	</script>
</head>
<body>
	<form action="" method="post" onsubmit="test1()" name="formTest">
		email：<input type="text"  name="userEmail" id="userEmail" /></br></br>
		域名：<input type="text" name="userDN" id="userDN"/></br></br>
		手机号码： <input type="text" name="userMPhone" id="userMPhone"/></br></br>						        
		电话号码：<input type="text" name="userPhone" id="userPhone"/></br></br>					      
		身份证号：<input type="text" name="userID" id="userID"/></br></br>				      
		密码：<input type="password" name="userPw" id="userPw"/></br></br>						      
		IP地址：<input type="text" name="userIP" id="userIP"/></br></br>		
		<input type="submit" value="Submit"/>   
	</form>
</body>
</html>

用正则表达式匹配：
最好分解一个一个的，再百度一下

 /*
            email的规则         helloworld@abc.com
            1. 任意字母、数字、下划线
            2. @
            3. 任意字母数字 （一个以上）   [A-z0-9]+
            4. .com|cn|net|org    \.com|cn|net|org
         */
         /*
          var emailReg=/^[A-z0-9_-]+@([A-z0-9]+\.)+(com|cn|net|org)$/;        //  +表示前面的字符一个或多个
	      if(emailReg.test(userEmail)==false){
	        	alert("Email格式错误！");
	            return false;
         }
         // */

	     /*
           	 域名的规则         aaa.bbdj.sss
            1. 每级域名之间用点分开
            2. 每级域名由字母、数字和减号构成（第一个字母不能是减号）
            3. 不区分大小写
            4. 长度不超过63个字符 
         */
         /*
         var dnReg=/^[A-z0-9][A-z0-9-]{0,62}(.[A-z0-9][A-z0-9-]{0,62})+.?$/;     //最后可以有一个表示根域的点
	        if(dnReg.test(userDN)==false){
	        	alert("域名格式错误！");
	            return false;
         }
         //*/
         
      
         /*手机号的规则    1 5 913525652
           1. 11位
           2. 1开头  ^1
           3. 第二位3-9任意数字    [3-9]
           4. 三位以后任意数字     [0-9]{9}$
         */         
         /*
         var mphoneReg=/^1[3-9][0-9]{9}$/;
	     if(mphoneReg.test(userMPhone)==false){
	        alert("手机号格式错误！");
	        return false;
         }
	     //*/
	     
	     /*电话号的规则   0 28 - 25325625
         1. 0开头  ^0
         2. 跟随2-3位任意数字  \d{2,3}
         3. 分隔符 -
         4. 7-8位任意数字  \d{7,8}$
       */         
         /*
         var phoneReg=/^(0\d{2,3}-)?\d{7,8}$/;              // ? 表示可以有，也可以没有
	     if(phoneReg.test(userPhone)==false){
	        alert("电话号格式错误！");
	        return false;
       }
         //*/
	     
	     /*身份证号的规则    
	       15或18位数字 \d{15}|\d{18}
	     */         
	     /*
	     var idReg=/^(\d{15}|\d{18})$/;
		 if(idReg.test(userID)==false){
		     alert("身份证号格式错误！");
		     return false;
	     }
		 //*/
	     /*
	                      密码由长度6~20位的字母、数字组成[A-z0-9]             
	     */
	     /*
	     var pwReg=/^[A-z0-9]{6,20}$/;  
         if(pwReg.test(userPw)==false){
             alert("密码格式错误！");
             return false; 
         }
         //*/
	     
         /*
	        IP地址   127.0.0.1           
	     */
	     /*
	     var ipReg=/^\d+\.\d+\.\d+\.\d+$/; 
         if(ipReg.test(userIP)==false){
          	alert("IP地址格式错误！");
          	return false; 
         }
         //*/