按回车键提交表格,不按按钮

时间:2014-05-02 17:40:23

标签: javascript jquery html

我有这段代码

<form name="frmDiagnosticos" id="frmDiagnosticos" method="post" action="agregarDiagnosticoSesion.jsp">
  <label for="txtCodigoCIE10" class="clase">Código CIE-10</label><input class="codigoCIE10" type="text" name="txtCodigoCIE10" id="txtCodigoCIE10" />
  <label for="linkAbrirBuscador" class="clase">Buscar código CIE-10</label><button id="linkAbrirBuscador">Buscar diagnósticos</button>
  <label for="chkCronica" class="clase">Enfermedad crónica</label><input type="checkbox" name="chkCronica" id="chkCronica" />
  <label for="chkHabito" class="clase">Es un hábito</label><input type="checkbox" name="chkHabito" id="chkHabito" />
  <input type="submit" name="btnConfirmarYContinuar" value="Confirmar" id="btnConfirmarYContinuar" />
</form>

当我专注于第一个文本输入(ID:txtCodigoCIE10)并按 Enter 时,我想触发提交事件,而不是按钮(ID:{ {1}})。我该怎么办?

我正在使用jQuery 1.11。

1 个答案:

答案 0 :(得分:2)

你可以这样做:

$('#txtCodigoCIE10').keydown(function(e){
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    if(key == 13) 
    {
        e.preventDefault();
        $('form').submit();
    }
});