`

jsp版本的计算器

    博客分类：
  • jsp
 
阅读更多

jsp 计算器界面,后台处理现在也用jsp来处理,后期改用其他来实现

MyCal.jsp

 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<script type="text/javascript" src="js/js1.js"></script>
  </head>
  
  <body>
    <form action="/jsp1/Result.jsp" method="post">
    <%--
    	method="post" 和  method="get"的区别 
    	
    --%>
   		第一个运算数:<input type="text" id="id1" name="num1" /><br/>
   		第二个运算数:<input type="text" id="id2" name="num2" /><br/>
   		请选择运算符:<select name="operator" id="op">
   			<option value="+">+</option>
   			<option value="-">-</option>
   			<option value="*">*</option>
   			<option value="/">/</option>
   		</select><br>
		<input type="submit" onclick="return checkNum()" value="计算"/>  
		<%--onclick="return checkNum()" 等价于 
		 <form action="??"onsubmit="return checkNum()" method="post">--%> 		
   	</form>
  </body>
</html>

 

result.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  </head>
  	
  <body>
   	<%
   		String num1 =  request.getParameter("num1"); //通过属性name还是属性id获取?
   		String num2 =  request.getParameter("num2");
   		/**
   			空提交,肯定会报错,用js来验证合法性
   		*/
   		String op = request.getParameter("operator");
   		double result = 0;
   		double d_num1 = Double.parseDouble(num1);
   		double d_num2 = Double.parseDouble(num2);
   		
   		if("+".equals(op)){
   			result = d_num1+d_num2;
   		}else if("-".equals(op)){
   			result = d_num1-d_num2;
   		}else if("*".equals(op)){
   			result = d_num1*d_num2;
   		}else if("/".equals(op)){	
   			result = d_num1/d_num2;
   		}
   		out.println("结果是:"+result);
   		
   	 %>
  </body>
</html>

 

js/js1.js
//验证数据的合法性
function checkNum(){
	
	var num1 = document.getElementById("id1").value; //value 不能为Value, 否则报错
	var num2 = document.getElementById("id2").value;
	var op = document.getElementById("op").value;
	
	if(num1==""||num2==""){
		window.alert("输入不能为空!");
		return false;
	}
	
	/*window.alert("测试js!");
	return false;*/
	
	//js中正则表达式,来测试输入数据
	var reg =  /^[1-9]\d*(\.[0-9]+)?$|^0$/i;
	if(!reg.test(num2)){
		//window.alert(num2.construstor);
		window.alert(num2+" 输入num2不能为字母或其他字符!");
		return false
	}
	if(!reg.test(num1)){
		window.alert("输入num1不能为字母或其他字符!");
		return false
	}
	//reg = /^[1-9]\d*(\.[0-9]+)?$|^0$/gi;
	
	if(num2==0&&op=="/"){
		window.alert("除数不能为0");
		return false;
	}
	
	
	
}
 注:
1.当一个jsp网页要注册一个用户,先在客户端用js来对输入的信息做一次验证(格式/是否非空/特殊字符等);
2.代码比较严谨,在服务器这端进行二次验证(控制器servlet/jsp servlet做控制器最合适),用java表达式来再次验证
黑客,可能会修改你的jsp页面,把js验证去掉.导致js验证失效,
分享到：
| jsp 9大内置对象
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jsp实现计算器--韩顺平

    从【压缩包子文件的文件名称列表】"jsp计算器"来看，可能包含的文件有： 1. `calculator.jsp`：主页面，可能包含了输入字段、按钮和计算结果的显示区域。 2. `calculate.jsp`或`process.jsp`：处理计算逻辑的后端...

    JSP 网页计算器

    **JSP网页计算器详解** JSP（JavaServer Pages）是一种基于Java的技术，用于创建动态、交互式的Web应用程序。它允许开发者将HTML代码与Java代码相结合，以生成动态内容。在这个"JSP网页计算器"项目中，我们将探讨...

    JSP 简单计算器 源代码

    简单的计算器，实现 加减乘除，清零 非常的简单，表格样式的

    韩顺平2013版“细说JSP”视频教程

    动作元素【】第4讲.jsp九大内置对象.jsp版本计算器①【】第5讲.jsp版本计算器②[ED2000.COM]【】第6讲.jsp版本计算器③【】第7讲.model 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。

    JSP网页计算器.rar

    **JSP网页计算器详解** 本项目是一个简单的JSP（JavaServer Pages）网页计算器，虽然它的功能目前仅限于加法运算，但作为一个基础示例，它很好地展示了如何在JSP中实现基本的用户交互和服务器端逻辑。对于初学者而...

    jsp计算器代码

    jsp简易计算器jsp简易计算器jsp简易计算器jsp简易计算器jsp简易计算器jsp简易计算器jsp简易计算器jsp简易计算器

    用JSP制作的简易整数计算器

    用JSP制作的简易整数计算器，有错误判断，但不够完整。希望高手能在此基础上进行完善，增加除数为零的判断。

    jsp-计算器

    【jsp-计算器】是一个基于JavaServer Pages (JSP) 技术实现的简易计算器应用。JSP是一种动态网页开发技术，允许开发者在HTML或者XML文档中嵌入Java代码，从而实现服务器端的数据处理和逻辑控制。这个项目的核心功能...

    jsp简易计算器

    ### jsp简易计算器知识点解析 #### 一、项目概述 本项目主要介绍了一个基于JSP技术实现的...通过上述分析，我们可以看到这个简单的JSP计算器不仅能够帮助新手快速入门JSP开发，还能够作为进一步学习更高级主题的基础。

    jsp编写的计算器

    在本文中，我们将深入探讨如何使用Java Web技术，特别是JSP（JavaServer Pages）和Servlet，来编写一个简单的计算器应用。这个应用可以帮助我们理解Web开发的基本概念，以及JSP和Servlet之间的交互方式。 首先，JSP...

    Jsp实现计算器

    在这个“Jsp实现计算器”的项目中，我们看到的是一个基于简单MVC（Model-View-Controller）架构的计算器应用。下面将详细阐述这一知识点及其相关技术。 首先，我们要理解MVC架构。这是一种软件设计模式，它将应用...

    用JSP制作的计算器

    综上所述，这个JSP计算器项目涵盖了用户认证、数据库操作、动态内容生成以及权限管理等多个方面，是学习和实践Web开发，尤其是JSP技术的一个良好实例。开发者可以从中学习到如何结合HTML、CSS、JavaScript和Java来...

    韩顺平jsp实现计算器

    韩顺平jsp视频教程中jsp实现计算器源码，分别使用两个和一个jsp页面实现计算器功能，并实现验证 两个jsp实现计算器，mycalinterface.jsp（界面） result.jsp（计算） 一个jsp实现计算器，all_cal.jsp（计算和显示...

    JSP简易计算器

    【JSP简易计算器】是一个基于Javabean和JSP技术构建的简单计算应用程序，它展示了如何在Web开发中利用这两种技术进行交互处理。在这个项目中，JSP用于展示用户界面，而Javabean则作为业务逻辑层，处理用户输入的计算...

    jsp实现计算器功能的代码

    ### jsp实现计算器功能的代码 #### 知识点概览 本文将详细介绍如何使用JSP（JavaServer Pages）技术来实现一个简单的计算器功能。主要涵盖的知识点包括JSP的基本概念、HTML表单处理、JSP内置对象的使用以及基本的...

    jsp实现计算器-韩顺平视频教程源码

    韩顺平jsp视频教程中jsp实现计算器源码，分别使用两个和一个jsp页面实现计算器功能，并实现验证 两个jsp实现计算器，mycalinterface.jsp（界面） result.jsp（计算） 一个jsp实现计算器，all_cal.jsp（计算和显示...

    jsp计算器的源码

    通过这个"jsp计算器的源码"项目，学习者不仅可以了解JSP的基本用法，还能深入理解Web应用开发流程，提升前后端交互能力。同时，对于理解Java Web技术栈中的Servlet和JavaBean，以及JavaScript和CSS在实际项目中的...

    韩顺平 jsp页面计算器

    在"韩顺平 jsp计算器"中，你将看到如何使用JSP动作元素（如`&lt;jsp:include&gt;`和`&lt;jsp:param&gt;`）以及脚本元素（如`&lt;%...%&gt;`和`&lt;%=...%&gt;`）来编写计算逻辑。 2. **JSP表达式**：`&lt;%=...%&gt;`用于输出变量或表达式的值到...

    简单的jsp计算器

    【简单的jsp计算器】是一个基础的Web应用程序项目，用于在网页上实现基本的四则运算功能。这个项目使用了JavaServer Pages (JSP) 技术，这是一种动态网页开发技术，结合了HTML、JavaScript以及Java代码，可以方便地...

Magicbox
Global site tag (gtag.js) - Google Analytics