如何让JavaScript提交表单参数不消失
做一个计算器，用S2SH框架。用JavaScript分别提交表单，当除法的除数为0的时候，用alert提示。点击alert的确定后，如何让界面里边的已经填写完的参数不消失...
做一个计算器，用S2SH框架。用JavaScript分别提交表单，当除法的除数为0的时候，用alert提示。点击alert的确定后，如何让界面里边的已经填写完的参数不消失（即修改参数之后重新提交）。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
function jia(){
document.form1.action="jsq!jia.action";
}
function jian(){
document.form1.action="jsq!jian.action";
}
function cheng(){
document.form1.action="jsq!cheng.action";
}
function chu(){
if(parseFloat(document.form1.num2.value)==0.0){
alert("除数不能为0");
}else{
document.form1.action="jsq!chu.action";
}
}
</script>
</head>
<form name="form1" method="post">
<table>
<tbody>
<tr>
<td>第一个数</td>
<td><input type="text" name="num1" value=""/></td>
</tr>
<tr>
<td>第二个数</td>
<td><input type="text" name="num2" value=""/></td>
</tr>
<tr>
<td>
<input type="submit" name="anniu" value="+" onclick="jia()"/>
<input type="submit" name="anniu" value="-" onclick="jian()"/>
<input type="submit" name="anniu" value="*" onclick="cheng()"/>
<input type="submit" name="anniu" value="/" onclick="chu()"/>
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html> 展开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
function jia(){
document.form1.action="jsq!jia.action";
}
function jian(){
document.form1.action="jsq!jian.action";
}
function cheng(){
document.form1.action="jsq!cheng.action";
}
function chu(){
if(parseFloat(document.form1.num2.value)==0.0){
alert("除数不能为0");
}else{
document.form1.action="jsq!chu.action";
}
}
</script>
</head>
<form name="form1" method="post">
<table>
<tbody>
<tr>
<td>第一个数</td>
<td><input type="text" name="num1" value=""/></td>
</tr>
<tr>
<td>第二个数</td>
<td><input type="text" name="num2" value=""/></td>
</tr>
<tr>
<td>
<input type="submit" name="anniu" value="+" onclick="jia()"/>
<input type="submit" name="anniu" value="-" onclick="jian()"/>
<input type="submit" name="anniu" value="*" onclick="cheng()"/>
<input type="submit" name="anniu" value="/" onclick="chu()"/>
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html> 展开
1个回答
展开全部
<input type="submit" name="anniu" value="/" onclick="chu()"/>
这种提交后有onclick验证的，得加上return，不然表单照样提交，数据就会消失，得改成
<input type="submit" name="anniu" value="/" onclick="return chu()"/>
js方法里面，也是得用return false;来处理验证不通过时表单不让提交；如
function chu(){
if(parseFloat(document.form1.num2.value)==0.0){
alert("除数不能为0");
return false;
}else{
document.form1.action="jsq!chu.action";
}
}
不止除法，其他的运算都要这样修改
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
