Question

我有一些用户正在测试我的网站，该网站有2个文本字段和一个提交按钮的图像。我无法在我身边复制这个问题，我也无法找到其他任何人。问题是提交按钮在单击时不执行任何操作。当我点击，并且字段为空或无效时，我收到一个JS警报，并且可以根据需要多次单击它，它可以正常工作。其中一个用户可以使用相同的结果单击它，但只有一次，然后他必须刷新页面。另一个根本无法点击它，光标甚至没有改变，表明他正在盘旋在任何东西上。

这是该表格单元格和按钮的代码。

<td>
    <img src="images/1x1clear.gif" alt="" width="3" height="99">
    <input type="image" src="images/1x1clear.gif" name="submit" value="submit" width="180" height="53" border="0">
</td>

有谁知道为什么会导致问题？可能只是他们的计算机或浏览器的问题？

由于

修改

我们正在使用JQuery，表单是通过使用

之类的东西提交的

form.submit(function(){ alert("clicked"); }

Answer 1

jquery网站上form.submit()文档中的一条评论说：

一条忠告......如果你有一个提交表单中的按钮（），以及NAME或ID 按钮也是“提交”......这个功能可能会失败。我没有得到错误信息或任何......只是...... 安静。真是令人毛骨悚然。 =）

尝试将按钮的名称属性更改为“提交”以外的其他内容。

<td>
    <img src="images/1x1clear.gif" alt="" width="3" height="99">
    <input type="image" src="images/1x1clear.gif" name="somethingotherthansubmit" value="submit" width="180" height="53" border="0">
</td>

Answer 2

我不知道这是否可以解决您的问题，但您可以使用<button>代替<intput type="image" />。我发现它更可靠，因为它的工作方式与<input type="submit" />类似。

<td>
    <button type="submit" name="submit">
        <img src="images/1x1clear.gif" alt="" width="3" height="99">
        <img src="images/1x1clear.gif" width="180" height="53" border="0">
    </button>
</td>

然后您可以确定是否需要这两个图像。

Answer 3

使用CSS并使用常规按钮：

.btnSubmit {
   width:180px;
   height:53px;
   background-image:url(images/1x1clear.gif)
}

<input class="btnSubmit" type="submit" name="submit" >

用户点击提交按钮时出现问题

3 个答案: