JSP FORM 提交

最新推荐文章于 2025-05-31 22:32:21 发布

javajjaavvaa

最新推荐文章于 2025-05-31 22:32:21 发布

阅读量213

点赞数

文章标签： JSP IE 百度 Google ITeye

本文链接：https://blog.youkuaiyun.com/javajjaavvaa/article/details/83888215

版权

文章来源：http://jerry8023.iteye.com/blog/518487

2009-11-16
总结：FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别
最近被form的自动提交烦的不行，网上搜了一些资料，下面这篇文章总结的非常全，基本好多我之前也都试过了（就差总结了^=^）。呵呵，有网友总结的这么全，就直接拿来了：）

在页面中有多个input type="text"的文本输入框的情况下没有问题，但是当页面中有只有一个文本框的情况下()，就会出现此问题.

后来在form 中添加：οnsubmit="return false;"问题终于解决。

<form name="frm" method="post" οnsubmit="return false;">

下边对“防止表单自动提交，以及submit和button提交表单”进行了些总结，希望对大家有些用（如果有不当的地方请指出）。

<html>
<script>

function exec(p){
document.frm.action = p;
document.frm.submit();
}
function exec1(p){
document.frm.action = p;
document.frm.submit();
document.frm1.submit();//IE页面定位到最后一个提交的action所对应的页面
alert("haha");//submit()后边的语句正常执行，这里弹出框文字”haha“
}
</script>
<head>
<h1>总结：FORM onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别</h1>
<head>
<body>













<form name='frm' action="http://www.google.com">
<input type="text" name= "userName"/>
<input type="text" name= "passWord"/>
<input type="button" value="提交1" οnclick="exec1('http://www.google.com')"/>
</form>
<form name='frm1' action="http://www.hao123.com">
<input type="text" name= "userName"/>
</form>

</body>
</html>
总结期间找了些关于οnsubmit="return false;"的文章，作为资料也贴在下边。

URL：http://bbsanwei.iteye.com/blog/271547

onSubmit的使用
在web开发中，我们经常会遇到，一点回车键表单就自己提交的问题，能不能禁用回车键呢，答案是肯定的.

Html代码
<from action="" method="post" onSubmit="return false">
...............
</from>

如果想在表单提交时，进行验证

Html代码
<html>
<head>
<script lanuage="javascript">
function check()
{
//验证不通过时
return false;
}
</script>
</head>
<body>
<from action="" method="post" onSubmit="return check()">
...............
</from>
</body>
</html>

<html>
<head>
<script lanuage="javascript">
function check()
{
//验证不通过时
return false;
}
</script>
</head>
<body>
<from action="" method="post" onSubmit="return check()">
...............
</from>
</body>
</html>

这样就会对表单进行验证再进行提交

要注意的是，千万不能写成

Html代码
<from action="" method="post" onSubmit="check()">
...............
</from>

因为check()不通过后会返回false，因为onsubmit属性就像是<form>这个html对象的一个方法名，其值（一字符串）就是其方法体，默认返回true，所以还是相当于验证通过
记得对表单验证一定要写成这样

Html代码
<from action="" method="post" onSubmit="return check()">
...............
</from>