如何使用ENTER键提交表单

时间:2017-04-05 10:44:21

标签: javascript jquery

我正在尝试使用输入字段和提交按钮设计集群布局。当我键入文本并单击输入按钮时,一切正常。但我想使用ENTER键来实现此目的...

我的意思是两个按钮中的一个动作(ENTER键和SUBMIT按钮) 以下是我试过的

$(document).ready(function(){
    $('editor').bind('keydown',function(event){
        var keyCode= (event.keyCode ? event.keyCode :
           (event.which ? event.which : event.charCode));
        if(keyCode==13){
            document.getElementById('update').click();
            return false;
        }else{
            return true;
        }
    });
});

对于上面的代码,在按键上没有动作,在控制台中没有错误 这是我的整个代码 - https://pastebin.com/NbwEJQGX 任何人都可以建议我解决这个问题吗?

5 个答案:

答案 0 :(得分:0)

$("input").keypress(function(event) {
    if (event.which == 13) {
        //do stuff
    }
});

点击按钮点击此代码

$( "button" ).click(function() {
    //do stuff for button click
});

答案 1 :(得分:0)

$custom_file_name = time().'-'.$request->file('input_field_name')->getClientOriginalName();
$path = $request->file('input_field_name')->storeAs('directory_name',$custom_file_name);

答案 2 :(得分:0)

您也可以在输入中调用该函数

<input id="example" type="text" onkeypress="functionName(event, 0)" />
<input id="example" type="button" onclick="functionName(event, 1)" />

function functionName(e, n) {
if (e.keyCode == 13 || n == 1) {
   //do stuff
}
}

答案 3 :(得分:0)

这应该有效

docker update --restart=no <MY-CONTAINER-ID>

答案 4 :(得分:0)

我建议添加一个类各自的输入字段。然后通过类捕获事件,因为您可能有多个字段,您希望在给出一些值后提交表单。

<input type="text" class="entr"/>
<input type="text" class="entr"/>

$('.entr').keypress(function(e){
    if (e.keyCode == 13) {
        $('#editorForm').submit();
    }
});