Question

我有一个包含三个输入字段和一个按钮的htmlpage。它看起来像这样：

我不认为这会有所帮助，但无论如何：

  <table>
        <tr>
            <td>Start:</td>
            <td><input ID="txtStart" type="text" /></td>
        </tr>
        <tr>
            <td>Eind:</td>
            <td><input ID="txtEind" type="text" /></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td><input type="submit" onclick="javascript:alert('test');"/></td>
        </tr>
    </table>

    <table>
        <tr>
            <td>Station:</td>
            <td><input ID="txtStation" type="text" /></td>
        </tr>
    </table>

如果我在文本框3中输入文本并按下回车键，则按钮1将触发一个事件（javascript：alert（“这是一个测试”）;）。我怎么能禁用它？该按钮应仅在我单击时触发事件。它不应该与文本框3 ...

相关

我认为它与回发有什么关系吗？或者也许是默认按钮？

欢迎任何帮助:)

Answer 1

您的按钮可能会被标记为type =“submit”。如果这不能解决，你可以发布一些HTML吗？

Answer 2

在<form>（在大多数浏览器中）的输入元素中按 ENTER 会触发该表单的submit操作。

避免这种情况的唯一方法是进行一些小的javascript干预;添加对表单的submit操作的检查以测试所有字段是否已填充或捕获输入元素的keypress事件并丢弃任何 ENTER 键按下。

另请参阅：How to prevent ENTER keypress to submit a web form?。

Answer 3

如果您有相同<form>标签内的文本框3和按钮，该按钮也会自动分配到文本框3，因此Enter会激活提交按钮。

如果您想摆脱这种情况，请将其放入另一种形式（正如您所说的文本框3与按钮右侧无关？）。

Answer 4

如果我使用asp：net按钮，我可以给它一个属性UseSubmitBehavior="false"，这解决了我的问题！但无论如何，谢谢你！

输入文本框后按钮触发事件

4 个答案: