javascript中阻止form提交数据问题

<%@pagecontentType="text/html;charset=GB2312"%><html><head><scriptlanguage="javascrip... <%@ page contentType="text/html;charset=GB2312" %>
<html>
<head>
<script language="javascript">
function checkNum(){
if(form1.num1.value=="")
{ window.alert("num1不能为空");
return false;
}
if(Math.random(form1.num1.value)!=form1.num1.value)
{ window.alert("num1不能是字符");
return false;
}
}
</script>
</head>
<body>
<h1>我的计算器</h1>
<form name="form1" action="myresult.jsp"><br>
这是第一个数：<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" name="submit" value="submit" onclick="checkNum();">
</form>
</body>
</html>
javascript中已经在function中写出return false 但还是不能阻止页面跳转，这是什么原因？请高手赐教
这是myresult。jsp页面，并且int n1=Inteer.parseInt(s_num1);有错误，我真的不知道哪里弄错了，请赐教：
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>result</title>
</head>
<body>
<%
String s_num1=request.getParameter("num1");
String s_num2=request.getParameter("num2");
int n1,n2;
n1=Integer.parseInt(s_num1);
n2=Integer.parseInt(s_num2);
int sum=0;
String s_flag=request.getParameter("flag");
if(s_flag.equals("+"))
{
sum=n1+n2;
}
if(s_flag.equals("-"))
{
sum=n1-n2;
}
else if(s_flag.equals("*"))
{
sum=n1*n2;
}
else sum=n1/n2;
%>
<input type="text" name="" value=<%=sum %>>
</body>
</html> 展开

 我来答

5个回答

#热议# 应届生在签三方时要注意什么？

百度网友2571d37bb
推荐于2016-08-15 · 知道合伙人软件行家

百度网友2571d37bb
知道合伙人软件行家

采纳数：1971 获赞数：7905

前端工程师

向TA提问私信TA

关注

展开全部

阻止form提交数据，有几种简单的办法：

form表单的action地址不正确，这样就无法提交到正确的地址。
限制submit事件。只需要将按钮设置成disabled就可以了。

下面是简单的代码实现，仅供参考：

<style>
		input{ border:1px solid #000;}
		.error{ border:1px solid red;}
		.ok{ border:1px solid green;}
		span{ color:red;}
	</style>
<script src="form.js"></script>   //这个文件是进行表单认证的js文件
<script>
window.onload=function(){
	checkForm('form',function(obj){
		var oPass=document.getElementsByName('pass')[0];
		var oBtn = document.getElementById('btn');
		if(oPass.value!=obj.value){
			oBtn.disabled = 'disabled';//当检查有错时，然按钮无效；
		}
	});
};
</script>
</head>

<body>
<form id="form" action="

	<div>
    	pass:<input type="text" name="pass" err_tip="*密码格式有误"><span></span>
    </div>
    <div>
    	pass2:<input type="text" name="pass2" err_tip="*密码不一致"><span></span>
    </div>
	<input id="btn" type="submit">
    <input type="reset">
</form>
</body>

已赞过 已踩过<

评论收起

匿名用户
2012-01-17

展开全部

阻止默认事件在<input type="submit" name="submit" value="submit" onclick="return checkNum();">的onclick里面。因为如果不符合条件checkNum()返会false，onclick里面就会有return false，可以起到阻止默认事件的作用，一旦符合条件就可以提交表单。
<%@ page contentType="text/html;charset=GB2312" %>
<html>
<head>
<script language="javascript">
function checkNum(){
if(form1.num1.value=="")
{ window.alert("num1不能为空");
return false;
}
if(Math.random(form1.num1.value)!=form1.num1.value)
{ window.alert("num1不能是字符");
return false;
}
}
</script>
</head>
<body>
<h1>我的计算器</h1>
<form name="form1" action="myresult.jsp"><br>
这是第一个数：<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" name="submit" value="submit" onclick="return checkNum();">
</form>
</body>
</html>

已赞过 已踩过<

评论收起

zhukaiheihei
2012-01-13 · TA获得超过607个赞

知道小有建树答主

回答量：3497

采纳率：0%

帮助的人：1127万

我也去答题访问个人页

关注

展开全部

<form name="form1" action="myresult.jsp" onsubmit="return checkNum();">

本回答被提问者和网友采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

vitecho
2012-01-13

知道答主

回答量：3

采纳率：0%

帮助的人：4934

我也去答题访问个人页

关注

展开全部

需要在你的`checkNum()`中禁止表单提交的默认事件.
你可以用类似jQuery的库:

function checkNum(event) {
if(form1.num1.value=="")
{ window.alert("num1不能为空");
event.preventDefault();
return false;
}
if(Math.random(form1.num1.value)!=form1.num1.value)
{ window.alert("num1不能是字符");
event.preventDefault();
return false;
}
}

已赞过 已踩过<

评论收起

百度网友0bf7e3f
2012-01-13

知道答主

回答量：42

采纳率：0%

帮助的人：16.2万

我也去答题访问个人页

关注

展开全部

试试这个
<%@ page contentType="text/html;charset=GB2312" %>
<html>
<head>
<script language="javascript">
function checkNum(){
if(form1.num1.value=="")
{ window.alert("num1不能为空");
return false;
}
if(Math.random(form1.num1.value)!=form1.num1.value)
{ window.alert("num1不能是字符");
return false;
}
$("#form1").submit();
}
</script>
</head>
<body>
<h1>我的计算器</h1>
<form id = "form1" name="form1" action="myresult.jsp"><br>
这是第一个数：<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="button" name="submit" value="submit" onclick="checkNum();">
</form>
</body>
</html>

已赞过 已踩过<

评论收起

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

javascript中阻止form提交数据问题

其他类似问题

为你推荐：