javascript - 如何在没有表格的情况下将按钮连接到输入？我希望用户能够使用回车键

Question

所以我不应该在这个输入字段上使用表单标签(导致每个后端人员的错误)

当选择/激活输入以激活提交时，我如何才能允许用户使用回车键？

用户可以手动点击添加组提交按钮，也可以tab点击，但不能直接enter点击:(

表格

<input type="text"
       id="group-code" value="Type your Group Code Here" name="Type your Group Code Here"
       onblur="if (this.value == '') {this.value = 'Type your Group Code Here';}"
       onfocus="if (this.value == 'Type your Group Code Here') {this.value = '';}"
       autocomplete="off"/>

<button class="btn" id="btn_join_group">add group</button>
<!--<input type="submit" id="btn_join_group" form="group-code" value="add group"/>-->

jQuery

$('#btn_join_group').unbind('click').bind("click", function(event) {

    var newGroup = $('#group-code').val();

    // Send Group code to server
    WHOAT.networking.getToServerWithAjax('/groups/join', newGroup, function (response) {
        var res = JSON.parse(response);

        if (res.result === 'success') {
            notification.setStatusAndFadeStatus(response);

        } else if (res.result === 'error') {
            notification.setStatusAndFadeStatus(response);
        }
    });
});

Answer 1

您可以像这样向输入添加一个监听器:

$('#group-code').keypress( function (e) {
    if (e.keyCode === 13) 
        sendAjax();
});

然后将您的 AJAX block 包装在一个名为 sendAjax 的函数中。此代码未经测试，但这个想法应该是有效的。