提交HTML表单与Javascript链接以及确认框

Submit HTML form with Javascript link as well as confirm box

本文关键字：确认 链接 Javascript HTML 表单 提交      更新时间：2023-09-26

我试图提交表单数据，但不是使用标准的"提交"按钮，我想使用常规的HTML链接。但是，当我单击此链接时，我希望有一个确认框，要求用户继续或取消。我有拼图的两个部分，但当我把它们放在一起时，它们就不太好了。这是我目前的Javascript代码:

function confirmSubmit()
{
var agree=confirm("Are you sure you wish to delete this file?");
if (agree)
    return true ;
else
    return false ;
}
function submitform() {
    document.forms["delete14"].submit();
}
对于HTML，我有: 
<a href="javascript:submitform()" onClick="javascript:confirmSubmit()">link text</a>

确认框按预期弹出，并且表单正确提交。但目前，即使用户单击确认框上的"no"，表单也会提交。

试试这个:-

function confirmSubmit()
{
var agree=confirm("Are you sure you wish to delete this file?");
if (agree)
    document.forms["delete14"].submit();
else
    return false ;
}

首先，如果你不想使用链接，不要使用链接，使用有样式的span(或一个按钮，它告诉用户"点击我，会发生一些事情"，而不是一个链接，它告诉用户"点击我，我会带你到另一个页面")。

另外，不要在期望值为script的属性中使用"javascript:"，它将被视为一个无用的标签。

无论如何，你的问题是链接上有两个监听器:

<a href="javascript:submitform()" onClick="javascript:confirmSubmit()">link text</a>

href中的人将无条件提交表单。使用span，去掉href:

<span style="cursor: pointer; text-decoration: underline"
   onclick="confirmSubmit()">link text</span>
相关文章：