java web实验作业9

这次的java实验没想到写这么久，这还是之前有现成的，，，不说了，各种傻的bug

//后记。。。刚刚下去看了看yxm的，发现是我想难了，笑哭

实现一个模拟计算器

更改文本框中的数字值

 document.getElementById("result").value="";

判断鼠标点击按钮函数为

    
    
    第一个数：

    第二个数： 

	 
	 
	 
	 
	

     计算结果：
	

实现一个注册界面（用了JQuery的函数）

 

写了一些类，利用jquery 的函数库进行，利用了自带的树形结构

html部分

	
		
                
            
		
		
		
	
	

        
    
	
		

				

					

							

								用户名:
								
								*（至少6个字符）
								

									
									用户名不能为空
								
							
							

								密码:
								
								*（至少包含6个字符）
								

									
									密码不能为空
								
							
							

								再次输入密码
								
								

									
									重复密码不能为空
								
							
							

								性别：
								男女 
								

									
									
								
							
							

								请输入邮箱：
								
								

									
									邮箱不能为空
								
							
							

							 
							
							
					
				
		
	

js部分

$(document).ready(function(){
	
	
	//当光标在文本框内时隐藏提示框
	$("#name,#password,#repassword,#email,#sex").focus(function(){
		$(this).siblings(".RG_formTip").hide();
	})
	
	//当文本框失去焦点时分为三种情况，为这三种情况添加不同的样式
	//用户名输入框
	$("#name").blur(function(){
		var num = $(this).val();
		var reg=/^[0-9a-zA-z_]{6,}$/;  //正则表达式，
		if(num == ""){ //输入了空串
			$(this).siblings(".RG_formRequest").hide();//隐藏
			$(this).siblings(".RG_formTip").show().find(".RG_tipwords").text("用户名不能为空");
		}
		else if(reg.test(num)){ //满足格式
			$(this).siblings(".RG_formRequest").hide();
		}
		else{  //否则
			$(this).siblings(".RG_formTip").show().find(".RG_tipwords").text("用户名格式错误");
		}
	})
	
	//密码输入框
	$("#password").blur(function(){
		var num = $(this).val();
		var reg=/^\S{6,16}$/;  //输入格式为字符，长度6~16
		if(num == ""){
			$(this).siblings(".RG_formRequest").hide();
			$(this).siblings(".RG_formTip").show().find(".RG_tipwords").text("密码不能为空");
		}
		else if(reg.test(num)){
			$(this).siblings(".RG_formRequest").hide();
		}
		else{
			$(this).siblings(".RG_formTip").show().find(".RG_tipwords").text("密码格式错误");
		}
	})
	//重复密码
	$("#repassword").blur(function(){
		var password = $("#password").val();
		var repassword = $("#repassword").val();
		if(repassword == ""){
			$(this).siblings(".RG_formRequest").hide();
			$(this).siblings(".RG_formTip").show().find(".RG_tipwords").text("重复密码不能为空");
			
		}
		else if(password == repassword){
			
		}
		else{
			$(this).siblings(".RG_formTip").show().find(".RG_tipwords").text("两次输入密码不一致");
			
		}
	})

	//邮箱输入框
    $("#email").blur(function(){
		var num = $(this).val();
		//var reg=/^1[358]\d{9}$/;  //正则表达式，
		var reg=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
		if(num == ""){ //输入了空串
			$(this).siblings(".RG_formRequest").hide();//隐藏
			$(this).siblings(".RG_formTip").show().find(".RG_tipwords").text("邮箱不能为空");
		}
		else if(reg.test(num)){ //满足格式
			$(this).siblings(".RG_formRequest").hide();
		}
		else{  //否则
			$(this).siblings(".RG_formTip").show().find(".RG_tipwords").text("邮箱格式错误");
		}
		
	})
	
})	

附上yxm的简单实现的代码

登录名：
*（至少6个字符）



密码：
*



再次输入密码：
*



性别：

 男
 女




电子邮件地址：





重置     提交表单 

emmmmm，我就说，老师怎么可能给同学布置这种作业，是我被之前板子限制了思路，不过还不错的吧，偶尔学学js也可以