Question

我有一个带有图像按钮的表单，此图像按钮正在提交表单。如何覆盖此功能？

<form><input type="image" src="/images/arrow.png" id="imageButton" onClick="javascript:autofill();"/></form>

Answer 1

为什么不拥有形象？ return false也会停止表单提交操作。

<form><input type="image" src="/images/arrow.png" id="imageButton" onClick="autofill();return false;"/></form>

Answer 2

在autofill（）函数后返回false。

onclick="autofill();return false;"

Answer 3

为什么要使用输入元素？我想如果你不想引起任何提交或重置行为，只使用带onclick事件的图像会更合适

<image src="/images/arrow.png" onclick="javascript:autofill();" width="xxx" height="xxx" alt="Autofill" />

Answer 4

单击表单内的按钮，默认提交表单。要更改它，您必须定义一个类型为=＆＃34;按钮＆＃34;的按钮。然后，您可以在其中添加img元素。这是我发现的最佳方式。

<form>
    <button type="button" id="imageButton" onclick="javascript:autofill();">
        <img src="images/arrow.png">
    </button>
</form>

Answer 5

尝试使用 event.preventDefault 在按钮点击时中止提交事件

例如：

$("#idButton").click(function(event) {
    if(!valid)
    {
        //stopEvent
        event.preventDefault();

    } else {
        //submit your form
        $("#form").submit();
    }
});

Answer 6

点击提交按钮/图片后，是否要禁用按钮？

如果你正在使用php，只要将其保留在输入表单中，就可以使用下面的代码或添加disabled="disabled"来禁用该按钮。

 <?php if (isset($disable) && $disable === true) echo ' disabled="disabled"'; ?>

如何添加我的代码

如果您使用带有图像类型的代码行：

尝试：

<form><input type="image" src="/images/arrow.png" id="imageButton" onClick="javascript:autofill();" <?php if (isset($disable) && $disable === true) echo ' disabled="disabled"'; ?> /></form>

如果您想使用没有javascript的图片，也请从我（jagb）阅读this answer，也可以在那里找到所需的css。

Answer 7

在按钮标签中添加属性type =“ button”解决了我的问题。

表单内的图片按钮，不想提交

7 个答案: