标签：运算 type 效果 nbsp head ide 分享 .com 对话框
来源韩顺平.j2ee视频实战教程jsp第1讲(下集)
--------------------------------------------------------------------------------------------------------
简单计算器，可以控制输入的数（仅第一个数）不能为空且不能为字符串
myCal.jsp代码
1 <!--这是计算器的界面 --> 2 <!-- 可以控制输入的数不能为空且不能为字符串 --> 3 <%@ page contentType="Text/html;charset=gb2312" %> 4 <html> 5 6 <h1>我的计算器</h1> 7 <hr> 8 <head> 9 <!-- 在jsp中添加代码，防止用户空提交 --> 10 <script language="javascript"> 11 <!-- 12 //写一个函数验证用户是不是空提交 13 function checkNum(){ 14 //判断num1,是不是空的 15 if(form1.num1.value ==""){ 16 window.alert("num1不能为空！！！");//弹出一个对话框 17 return false; 18 19 } 20 //判断num1是不是一个数 21 if(Math.round(form1.num1.value)!=form1.num1.value){ 22 window.alert("num不是一个数！！！");//弹出一个对话框 23 return false; 24 } 25 26 27 } 28 --> 29 30 </script> 31 </head> 32 33 <body> 34 <form name="form1" action="myResult.jsp"> 35 请输入第一个数：<input type="text" name="num1"><br> 36 <select name="flag"> 37 38 <option value=+>+</option> 39 <option value=->-</option> 40 <option value=*>*</option> 41 <option value=/>/</option> 42 </select><br> 43 请输入第二个数：<input type="text" name="num2"><br> 44 <input type="submit" value="计算" onclick="return checkNum()"> 45 46 </form> 47 <hr> 48 </body> 49 </html>
myResult.jsp代码
1 <%@ page contentType="Text/html;charset=gb2312" %> 2 <html> 3 <body> 4 <% 5 //接受到第一个数 6 String s_num1=request.getParameter("num1"); 7 //接受第二个数 8 String s_num2=request.getParameter("num2"); 9 //接受运算符号 10 String flag = request.getParameter("flag"); 11 int num1=0; 12 int num2=0; 13 int result=0; 14 //java中 String -> int 15 num1=Integer.parseInt(s_num1); 16 num2=Integer.parseInt(s_num2); 17 //计算 18 if(flag.equals("+")){ 19 //加 20 result =num1+num2; 21 }else if(flag.equals("-")){ 22 result =num1-num2; 23 //减 24 }else if(flag.equals("*")){ 25 result =num1*num2; 26 //乘 27 }else{ 28 result =num1/num2; 29 //除 30 } 31 //输出结果 32 out.println("结果是："+result); 33 %> 34 35 </body> 36 </html>
界面效果：
---------------------------------------------------------------------------------------------------------------------------------------------
标签：运算 type 效果 nbsp head ide 分享 .com 对话框
原文地址：http://www.cnblogs.com/-rfq/p/7103748.html
