onsubmit return false

最新推荐文章于 2022-02-20 22:05:42 发布

原创最新推荐文章于 2022-02-20 22:05:42 发布 · 906 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#onsubmit return fals #onsubmit #return false

java笔记专栏收录该内容

5 篇文章

订阅专栏

本文详细解析了在form表单提交中使用onsubmit的returnfalse时遇到的浏览器差异问题，并提供了解决方案。包括对不同浏览器如IE的特殊处理方式，以及如何在同一个方法中正确应用returnfalse以阻止表单提交。

在form表单提交中onsubmit经常被使用，但是有时候会有个问题，return false不起作用。

今天我就来总结几点：

1、retrurn false是有浏览器差异，对于ie浏览器来说是不起作用的。

2、使用return false必须是在同一个方法中，如下事例：

如下写法是可以实现：

<form action="save.shtml" method="post" id="validateform" onsubmit="javascript:return to_submit()">

<input type="submit" class="btn001 left"  value="保存" />

</form>

<script>
function to_submit(){
return false;
}

</script>

如下写法不起作用：

<pre name="code" class="html"><form action="save.shtml" method="post" id="validateform" onsubmit="javascript:return to_submit()">

<input type="submit" class="btn001 left"  value="保存" />

</form>

<script>
function to_submit(){
test();
}

function test(){
return false;
}


</script>

3、当然为了区分浏览器可以加上如下判断：

if(-[1,]){ //判断是否为ie浏览器
        //alert("这不是IE浏览器！");
        return false;
}else{ 
        //alert("这是IE浏览器！"); 
        window.event.returnValue = false;//只能ie下
}