1:知识点
1:如何接受jsp页面提交的数据,并处理
2:jsp中如何使用Java片段
3:jsp只如何使用Javascript完成对数据合法性的校验
2:
总共有2个界面
1:interface.jsp(界面)和result.jsp(计算)
interface代码如下
<script language="javascript">
//在jsp中加入js判断数是为空
function check(){
//给表单命名,为form1
if(form1.num1.value==""){
window.alert("num不能为空");
return false;//因为他点击按钮还是会提交,为了让他不提交
//所以就写个返回值
}
}
</script>
</head>
<body>
<h1>我的计算器</h1> <br>
<form action="result.jsp" name="form1">
第一个数:<input type="text" name="num1"><br>
<select name="flag">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<br>
第二个数:<input type="text" name="num2">
<br>
<input type="submit" value="按钮" onclick="return check()"><!--点击按钮的时候,就使用这个函数-->
</form>
</body>
3:思考如何把界面的数据提交到result.jsp里
<form action="result.jsp">
<body>
<!-- 接受数据,并显示结果 -->
<%
//接受第一个数据
String s_num1=request.getParameter("num1");//参数填的是对应的inputname的值
//接受第二个数据
String s_num2=request.getParameter("num2");//参数填的是对应的inputname的值
//接受运算符号
String flag=request.getParameter("flag");//参数填的是对应的inputname的值
//计算
//要把字符串转换成整形
int num1=0;
int num2=0;
int result=0;//为了接受结果
if(s_num1!=null&&s_num2!=null&&flag!=null){//判断异常
num1=Integer.parseInt("s_num1");
num2=Integer.parseInt("s_num2");
if(flag.equals("+")){
//计算加号
result=num1+num2;
}else if(flag.equals("-")){
//计算减法
result=num1-num2;
}else if(flag.equals("*")){
//计算乘法
result=num1*num2;
}else {
//计算除法
result=num1/num2;
}
}
//输出结果
out.println("结果等于"+result);
%>
</body>
1:如何接受jsp页面提交的数据,并处理
2:jsp中如何使用Java片段
3:jsp只如何使用Javascript完成对数据合法性的校验
2:
总共有2个界面
1:interface.jsp(界面)和result.jsp(计算)
interface代码如下
<script language="javascript">
//在jsp中加入js判断数是为空
function check(){
//给表单命名,为form1
if(form1.num1.value==""){
window.alert("num不能为空");
return false;//因为他点击按钮还是会提交,为了让他不提交
//所以就写个返回值
}
}
</script>
</head>
<body>
<h1>我的计算器</h1> <br>
<form action="result.jsp" name="form1">
第一个数:<input type="text" name="num1"><br>
<select name="flag">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<br>
第二个数:<input type="text" name="num2">
<br>
<input type="submit" value="按钮" onclick="return check()"><!--点击按钮的时候,就使用这个函数-->
</form>
</body>
3:思考如何把界面的数据提交到result.jsp里
<form action="result.jsp">
<body>
<!-- 接受数据,并显示结果 -->
<%
//接受第一个数据
String s_num1=request.getParameter("num1");//参数填的是对应的inputname的值
//接受第二个数据
String s_num2=request.getParameter("num2");//参数填的是对应的inputname的值
//接受运算符号
String flag=request.getParameter("flag");//参数填的是对应的inputname的值
//计算
//要把字符串转换成整形
int num1=0;
int num2=0;
int result=0;//为了接受结果
if(s_num1!=null&&s_num2!=null&&flag!=null){//判断异常
num1=Integer.parseInt("s_num1");
num2=Integer.parseInt("s_num2");
if(flag.equals("+")){
//计算加号
result=num1+num2;
}else if(flag.equals("-")){
//计算减法
result=num1-num2;
}else if(flag.equals("*")){
//计算乘法
result=num1*num2;
}else {
//计算除法
result=num1/num2;
}
}
//输出结果
out.println("结果等于"+result);
%>
</body>