java web实验作业9

最新推荐文章于 2024-09-20 08:48:33 发布
最新推荐文章于 2024-09-20 08:48:33 发布
阅读量695 收藏 1
点赞数
分类专栏： 杂记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_36215255/article/details/78796613
版权

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


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



实现一个模拟计算器


更改文本框中的数字值

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

判断鼠标点击按钮函数为 

<input type="button" id="add" value="/" οnclick="calculate(4);"/>



<html>
<head>
<script type="text/javascript">
var isleftnumber=0;
var isrightnumber=0;
function calculate(s){
    document.getElementById("result").value="";   
    document.getElementById("message").innerHTML="";
    var left = document.getElementById("left").value;
    var right = document.getElementById("right").value;
    var p = new RegExp("^(-?\\d+)(\\.\\d+)?$"); //正则表达式判断是否为数字
    var isleftnumber = p.test(left);
    var isrightnumber = p.test(right);
    if(!isleftnumber){
        document.getElementById("message").innerHTML="请输入第一个数字";// 输出信息 
        return;
    }
    document.getElementById("message").innerHTML="";
     
    if(!isrightnumber){
        document.getElementById("message").innerHTML="请输入第二个数字";  //输出信息
        return;
    }
	
    document.getElementById("message").innerHTML="";
    if(isleftnumber&&isrightnumber){
	     if(s==1)
          document.getElementById("result").value=parseFloat(left)+parseFloat(right);
		 else if(s==2)
		  document.getElementById("result").value=parseFloat(left)-parseFloat(right);
		 else if(s==3)
		  document.getElementById("result").value=parseFloat(left)*parseFloat(right);
		else
		 { 
		    if(parseFloat(right)==0)
		    {
		       document.getElementById("message").innerHTML="除法的第二个数不能为0";
               return;
		   }
		    else
		     document.getElementById("result").value=parseFloat(left)/parseFloat(right);
		}
     }      
}
     
</script>
</head>
<body>
    <span id="message" style="color:red"></span>
    
    第一个数：<input type="text" id="left"  /></br>
    第二个数：<input type="text" id="right"  /> </br>
	<input type="button" id="add" value="+" οnclick="calculate(1);"/> 
	<input type="button" id="add" value="-" οnclick="calculate(2);"/> 
	<input type="button" id="add" value="*" οnclick="calculate(3);"/> 
	<input type="button" id="add" value="/" οnclick="calculate(4);"/> 
	</br>
     计算结果：<input type="text" id="result" disabled />
	
</body>
</html>




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

 

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

html部分


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
                <!引入网上的JQuery函数库>
            <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
                /jquery-1.4.min.js"></script>
		<script src="register.js" type="text/javascript"></script>
		<title>注册</title>
		<script language="javascript">
               //鼠标点击函数，用来判断是否用户信息填写正确，利用正则表达式，放在js里面不能运行
               function ok(){
		var name=$("#name").val();
		var num1=/^[0-9a-zA-z_]{6,}$/; 
		var password = $("#password").val();
		var num2=/^\S{6,16}$/;
		var repassword = $("#repassword").val();
		var emai=$("#email").val();
		var num3=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
		if((num1.test(name))&&(num2.test(password))&&(password==repassword)&&(num3.test(emai)))
		{
		    
		   return true;	 
		}
		else
		{
			alert("用户信息填写错误，请重新填写");
                       //更改表单的action属性，不再跳转到成功界面
                       var x=document.getElementById("fm");
			fm.action="";
			x.submit();
			return false;
		}
	   }
	</script>
	</head>
	<div  style="text-align:left;">
        <img src="logo.png"  width="300" height="48" >
    </div>
	<body>
		<div id="RG_contentContainer">
				<div class="RG_formContainer">
					<form  align="center"  class="RG_form" id = "fm"action = "success.htm">
							<ul class="RG_formLi">
								<span class="RG_formName">用户名:</span>
								<input type="text" class="RG_formText" id="name"/>
								<span class="RG_formRequest">*（至少6个字符）</span>
								<div class="RG_formTip" style="color:#FF0000">
									<i class="RG_tipIcon"></i>
									<span class="RG_tipwords" >用户名不能为空</span>
								</div>
							</ul>
							<ul class="RG_formLi">
								<span class="RG_formName">密码:</span>
								<input type="password" class="RG_formText" id="password"/>
								<span class="RG_formRequest">*（至少包含6个字符）</span>
								<div class="RG_formTip" style="color:#FF0000">
									<i class="RG_tipIcon"></i>
									<span class="RG_tipwords">密码不能为空</span>
								</div>
							</ul>
							<ul class="RG_formLi">
								<span class="RG_formName">再次输入密码</span>
								<input type="password" class="RG_formText" id="repassword"/>
								<div class="RG_formTip" style="color:#FF0000">
									<i class="RG_tipIcon"></i>
									<span class="RG_tipwords" >重复密码不能为空</span>
								</div>
							</ul>
							<ul class="RG_formLi">
								<span class="RG_formName">性别：</span>
								男<input type="radio" name="Sex" value="Male" checked="checked" id="sex">女 <input type="radio" name="Sex" value="Female" id="sex">
								<div class="RG_formTip">
									<i class="RG_tipIcon"></i>
									<span class="RG_tipwords"></span>
								</div>
							</ul>
							<ul class="RG_formLi">
								<span class="RG_formName">请输入邮箱：</span>
								<input type="text" class="RG_formText" id="email"/>
								<div class="RG_formTip" style="color:#FF0000">
									<i class="RG_tipIcon"></i>
									<span class="RG_tipwords">邮箱不能为空</span>
								</div>
							</ul>
							<ul>
							 <input type="reset" value="重填"/>
							<input type="submit" value="提交"  οnclick="ok()"/>
							</ul>
					</form>
				</div>
		</div>
	</body>
</html>

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的简单实现的代码

<html>
<head>
<title>用户输入表单</title>
</head>
<body>

<script type = "text/javascript">
	function judge(){
		if(FORM.t1.value.length < 6)
			alert("用户名至少6个字符");
   		else if(FORM.t2.value.length < 6)
			alert("密码至少6个字符");
   		else if(FORM.t2.value != FORM.t3.value)
			alert("两次密码输入不一样");
   		else
			alert("祝贺！！！" );

	}
	function clear(){
		document.getElementById("FORM").value = "";
	}
</script>
<form action = "#signup-form" id = "FORM">
<table border = "1" width = "600">
<tr>
<img src = "./acm.jpg" width="600" height="50">
</tr>

<tr>
<td align = "left">登录名：</td>
<td><input type = "text" size = "25" id = "t1">*（至少6个字符）</td>
</tr>

<tr>
<td align = "left">密码：</td>
<td><input type = "text" size = "20" id = "t2">*</td>
</tr>

<tr>
<td align = "left">再次输入密码：</td>
<td><input type = "text" size = "20" id = "t3">*</td>
</tr>

<tr>
<td align = "left">性别：</td>
<td>
<input name = "sex" type = "radio" value = ""> 男
<input name = "sex" type = "radio" value = ""> 女
</td>
</tr>

<tr>
<td align = "left">电子邮件地址：</td>
<td><input type = "text" size = "20" id = "t4"></td>
</tr>

<tr>
<td align = "center" colspan = "2">
<button onclick = "clear()">重置</button>    <button οnclick="judge()"> 提交表单 </button>

</td>
</tr>

</table>
</form>
</body>
</html>

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


DS_HY
关注
专栏目录
JSTL 和Filter过滤器
m0_55689562的博客
11-27 583
学习目标 一、JSTL 二、Filter过滤器 学习内容 一、JSTL 1.概述： JSTL标准标签库是一种自定义的标签库集合，实现了Java程序的基本功能：如数据操作管理，访问数据库，迭带和条件判断等等。它通过将常用的功能封装成简单的语法标记，有效的取代了JSP页面的Scriptlets代码 ，简化了WEB的开发过程，使得开发人员可以利用自定义标签机制来创建JSP自定义标签。 2 .JSTL的下载和使用 步骤： 1.在jsp页面使用taglib指令引入标签库 2.导入jstl相关的jar包 3.测试一下
JAVA WEB实验大作业.doc
06-01
JAVA WEB 实验大作业 JAVA WEB 实验大作业是针对大学生的一份实验报告，旨在检测学生对 JAVA WEB 程序设计的掌握程度。该实验报告共分为三部分，每部分都有其特定的要求和评分标准。 实验一：实现一个登录模块 ---...
JavaWeb实验作业
lumpsi的博客
09-12 538
JavaWeb实验作业JSP版HelloworldServlet版Helloworld连接数据库测试用循环连续输出三个你好，字体从小变大 实验要求： ①JSP版Helloworld 简单输出：Helloworld即可 ②Servlet版Helloworld 简单输出：Helloworld即可 ③连接数据库测试 参考：DBConn.jsp ④用循环连续输出三个你好，字体从小变大 JSP版与Servlet版都要完成 JSP版Helloworld <%@ page language="java" con
JavaWeb 实验一
最新发布
CH3CH2CH4的博客
09-20 564
4. 使用集成开发环境的html编辑器，编写一个简单的html页面，命名为FirstPage.html，将其设置为默认页面。3. 使用集成开发环境Eclipse（或者Intelligent Idea），绑定JDK和Tomcat，建立站点，并测试。5. 发布FirstPage.html到web服务器，启动服务器，通过本机浏览器进行访问，然后用另一台机器访问该页面。解决方法：问了老师后，发现是没有在webapps新建一个文件夹，新建后可以访问。title 元素的内容会显示在浏览器的标题栏中。
第九周Java实验作业
aixie0541的博客
10-28 176
实验九异常、断言与日志 实验时间2018-10-25 1、实验目的与要求 (1)掌握java异常处理技术； Java的异常处理机制可以控制程序从错误产生的位置转移到能够进行错误处理的位置。 Java中的异常类可以分为两大类： Error类层次结构描述了Java运行时系统的内部错误和资源耗尽错误。应用程序不应该捕获这一类异常，也不会抛出这类异常。 Exception类层...
Java作业九
weixin_30556959的博客
05-25 82
（一）学习总结 1.用思维导图对javaIO操作的学习内容进行总结。 2.下面的程序实现了文件的拷贝，但采用的是一个字节一个字节的读写方式，效率很低。使用缓冲区可以减少对文件的操作次数，从而提高读写数据的效率。IO包中提供了两个带缓冲的字节流BufferedInputStream和BufferedOutputStream,查阅JDK帮助文档，修改程序，利用这两个类完成文件拷贝，对比执行效率。 i...
JAVA WEB 第九次作业
zybzbharl的博客
11-19 462
<c:forEach>标签 <c:param><c:url>标签
课程作业-基于Java实现web实验登录界面源码+项目说明.zip
10-18
课程作业-基于Java实现web实验登录界面源码+项目说明.zip课程作业-基于Java实现web实验登录界面源码+项目说明.zip课程作业-基于Java实现web实验登录界面源码+项目说明.zip课程作业-基于Java实现web实验登录界面源码+...
Java课程大作业-基于Java实现web实验登录界面源码+项目说明.zip
12-15
Java课程大作业_基于Java实现web实验登录界面源码+项目说明.zip 实现前端页面的基本布局。要求： 1）布局类似于学校门户http://my.csu.edu.cn/login/index.jsp 顶部需有LOGO栏目； 左侧提供轮播图； 提供账号密码...
java web 教务系统大作业实验报告含代码文档
12-03
Java Web教务系统大作业实验报告含代码文档是一个典型的基于Java技术实现的Web应用程序，用于管理教育机构的日常教学活动。这个系统涵盖了学生、教师、课程、成绩等多个关键模块，旨在提升教务工作的效率和准确性。...
JAVA WEB大作业_许敬文.docx
09-05
JAVA WEB 大作业实验报告购物车系统 在本大作业中，我们设计了一个基于 JavaWeb 的购物车系统，使用 JavaBean 连接 SQL server 数据库+jsp 实现购物车系统。该系统可以将业务处理和用户操作的 jsp 页面分离开来，将...
web实验报告的作业
12-25
这是几个实验报告，别看他很小，可是我告诉你，他的使用价值非常非常大！！1
Javaweb实训大作业ljh
07-09
通过Oracle struts2以及hibernate框架技术开发，前端jsp采用精美css设计样式，适合实训大作业学习使用
web实验报告
03-27
图书馆管理系统是采用JAVA做前台，后台数据库则采用的是MySQL5.1，本系统提供7个功能模块，分别是系统设置、读者管理、图书管理、图书借还、系统查询、更改口令，以及退出系统模块。这7个模块里又有许多子模块，通过这些模块之间的相互连接与配合，完成操作员发出的各种指令。 图书馆管理系统是一个供内部人员使用的系统，管理员能够使用系统设置、读者管理、图书管理、图书借还、系统查询、更改口令，以及退出系统功能。
web实验报告电子版.rar
07-29
web实验报告：1.jsp开发环境的配置运行 2.HTML编程基础 3.Servelet技术 4.Servelet容器模型 5.会话管理 6.JSP基本语法与页面指令 7.JSP隐含对象和作用域 8 .Web组件重用和javaBeans 9表达式语言的使用 10JSTl与标签文件 11Servelet事件监听 12Servelet过滤器的使用 13Web应用的安全性 14 javaweb期中实验
Java作业管理系统
11-04
Java作业管理系统 ，学生上传作业，教师批改作业，管理员管理教师和学生，作业的增删改查，
JAVAWEB 作业
我的博客
11-14 165
内置对象session与HttpSession对象是同一个东西吗 session对象指的是客户端与服务器端的一次会话，从客户端连到服务器端的一个Web应用程序开始，知道客户端与服务器端断开为止。而HttpSession是Servlet中可以使用的域对象在Servlet中，session指的是HttpSession类的对象。当需要为用户端建立一个session时，Servlet就创建了一个HttpSession对象，其中存储了和本session相关的信息。 转自https://www.cnblogs.com/
实验九 Web安全基础
weixin_30933531的博客
05-30 85
转载于:https://www.cnblogs.com/xieboke/p/9111546.html
JAVAWeb实验
hui1097的博客
07-04 1668
一、实验目的 实现留言的删除、更新，并且要求有session的会话。 二、实验内容 1.对用户是否登陆作出验证，未登陆自动跳转回登陆页面 2.获得要修改的记录（通过list_notes.jsp中传递过来的id） 3.将记录按id查询出来填写在表单中，并继续向updatemessage.jsp进行传递（通过隐藏表单，目的是不暴露给用户） 4.对数据库进行删除操作（通过message.jsp中传递过来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值