Javascript表单提交onclick不工作在谷歌浏览器


Javascript form submission onclick not working in Google Chrome

我正在尝试提交一个锚的点击表单。下面是代码:

function submitLink() {
    document.forms["background-form"].submit();
    return false;
}

此代码适用于FF和IE,但不适用于Chrome。有人知道为什么吗?我像这样调用函数:

<a href="<?php echo "background.php?cred=".$cred['id']; ?>" onclick="submitLink();">Remove</a>

您需要从onclick函数返回false以防止默认操作。否则,您将直接点击链接。

像这样试试

<a href="<?php echo "background.php?cred=".$cred['id']; ?>" onclick="return submitLink();">Remove</a>

我还应该注意到你的链接不是一个锚链接,锚链接需要有一个碎片标识符。您的链接只是一个链接,点击后,将导致浏览器通过HTTP get请求导航到它,导致当前页面卸载。

然而,通过jQuery绑定事件处理程序,并使用内置的preventDefault功能会好得多。

点击这里阅读更多信息

http://api.jquery.com/event.preventDefault/

如果你发现onClick事件不工作在谷歌浏览器,那么这里有一个快速的方法来修复它:

onclick表单id替换为其名称,例如,假设您有以下内容:

<form id="form1" name="checkform1"

查找JS事件:

onclick="document.form1.cSSld.value=''"

替换为:

onclick="document.checkform1.cSSld.value=''"

。它现在适用于所有web浏览器。