如何使按钮在键盘Enter上起作用?

时间:2018-12-14 22:15:17

标签: javascript asp.net

我正在尝试使按钮正常工作而不点击它。

我尝试过,但是使用'Submit'和'button',除非用户单击按钮,否则它们均无效。

 <input id="txtDusNumber" class="form-control form-control-sm" type="text" />
 <input type="submit" name="submit" class="btn " value="Search" id="enter-btn" onclick="ShowCard()" />
 <input type="button" class="btn " value="Search" onclick="ShowCard()" />


<script>
function ShowCard() {
        var dusNumberVal = $('#txtDusNumber').val();
        if (dusNumberVal) {
                $.ajax({
                        url: "@Url.Action("display","Card")",
                        data: { number: dusNumberVal },
                        type: 'GET',
                        success: function (result) {
                                $('#results').html(result);
                        },
                        error: function () {
                                alert("error...");
                        }
                });
        } else {
                alert('Please enter  Number.');
        }
}
</script>

2 个答案:

答案 0 :(得分:2)

尝试一下:

$(document).keypress(function(e) {
    if(e.which == 13) {
        ShowCard();
    }
});


function ShowCard(){
...
}

它的作用是在加载页面后,按Enter键,将执行ShowCard函数。

答案 1 :(得分:1)

<button type="submit">标签中包装<form>