该博客展示了如何使用JavaScript进行前端验证，并结合Java在后端进行计算操作。通过检查输入值、防止除以零错误，实现了加减乘除的基本运算。用户输入的数值和运算符通过HTTP请求传递，计算结果返回并在页面上展示。
首先创建一个calculate.jsp
这是用Javascript代码来验证，代码如下：
function check(){
if(form.n1.value==""&&form.value.n2==""){
window.alert("值不能为空");
return false;
}
if(isNaN(form.n1.value)&&isNaN(form.n2.vavlue)){
window.alert("请确认输入的是否是数字！");
return false;
}
if(form.operator.value=="/"&&form.n2.value=="0"){
window.alert("除数不能为0,请重新输入！ ");
return false;
}
}
使用Java代码来计算,代码如下：
String operator=request.getParameter("operator");
int n1=Integer.parseInt(request.getParameter("n1"));
int n2=Integer.parseInt(request.getParameter("n2"));
int result=0;
if("+".equals(operator)){
result= n1+n2;
}
else if("-".equals(operator)){
result=n1-n2;
}
else if("*".equals(operator)){
result=n1*n2;
}
else {
result=n1/n2;
}
request.setAttribute("n1", n1);
request.setAttribute("n2", n2);
request.setAttribute("result", result); //往request作用域里放一个值
request.getRequestDispatcher("calculate.jsp").forward(request,response);
%>
form表单来写一个简单的页面，代码如下：
">
>+
>-
>*
>/
">
">
源代码：
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
My JSP 'calaulate.jsp' starting pagefunction check(){
if(form.n1.value==""&&form.value.n2==""){
window.alert("值不能为空");
return false;
}
if(isNaN(form.n1.value)&&isNaN(form.n2.vavlue)){
window.alert("请确认输入的是否是数字！");
return false;
}
if(form.operator.value=="/"&&form.n2.value=="0"){
window.alert("除数不能为0,请重新输入！ ");
return false;
}
}
String operator=request.getParameter("operator");
int n1=Integer.parseInt(request.getParameter("n1"));
int n2=Integer.parseInt(request.getParameter("n2"));
int result=0;
if("+".equals(operator)){
result= n1+n2;
}
else if("-".equals(operator)){
result=n1-n2;
}
else if("*".equals(operator)){
result=n1*n2;
}
else {
result=n1/n2;
}
request.setAttribute("n1", n1);
request.setAttribute("n2", n2);
request.setAttribute("result", result); //往request作用域里放一个值
request.getRequestDispatcher("calculate.jsp").forward(request,response);
%>
">
>+
>-
>*
>/
">
">
扫一扫
8491
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
