避免在按下“”时提交表格;输入“;按钮

Avoid a form from being submitted when pressing "Enter" button within a text input

本文关键字:提交 按钮 表格 输入      更新时间:2023-09-26

我需要知道如何在文本中按下"Enter"按钮时阻止表单提交。

<form >
    <input id="a" name="a" type="text"/>
    <input id="address" name="address" type="text" maxlength="300" value=""/>
    <input id="showonmap" type="button" value="show on map" onclick="codeAddress()"/>
    <input type="submit"/>
</form>

地址文本输入内按下回车键后,我使用JavaScript点击showonmap按钮,但问题是,在那之后,整个表单及其提交输入都能工作,我想停止它

非常感谢。

基本上,删除输入类型submit并尝试以下操作:

<form id="myForm">
    <input id="a" name="a" type="text" />
    <input id="address" name="address" type="text" maxlength="300" value="" />
    <input id="showonmap" type="button" value="show on map" onclick="codeAddress()" />
    <input type="button" value="submit" onClick="myForm.submit()"/>
</form>