jquery 当按下回车键时，不对空文本框执行任何操作

i1icjdpr 于 2023-10-17 发布在 jQuery

关注(0)|答案(4)|浏览(106)

我有一个表单，其中有一个文本框和一个按钮。当文本框为空时，用户单击按钮或按回车键，它不应该做任何事情。它也不应该显示任何错误。最好的办法是什么？我不想完全禁用回车键。

<form id="search-form" name="search-form" method="get" action="search.php">

                    <input type="text" id="search" name="search"/>
                    <input type="submit"name="search-submit" value="Search" />
</form>

jquery

来源：https://stackoverflow.com/questions/8250366/do-nothing-on-empty-textbox-when-enter-is-pressed

4条答案

按热度按时间

ibps3vxo1#

试试这个，使用jQuery的.submit()捕获表单何时提交 （点击按钮或按回车键将被.submit()函数捕获），然后测试搜索输入是否为空 （空字符串将返回false），并使用.preventDefault()函数停止表单提交。

$('#search-form').submit(function(e) {
   if (!$('#search').val()) {
       e.preventDefault();
   }       
});

Demo Here

赞(0）回复(0）举报 2023-10-17

omqzjyyz2#

<input type="text" name="mytext" onkeypress="return event.keyCode!=13">

赞(0）回复(0）举报 2023-10-17

gpfsuwkq3#

试试看：

$("#search").keydown(function(e) {
  if($(this).val() == "" && e.keyCode == 13) {
    e.preventDefault();
  }
})

赞(0）回复(0）举报 2023-10-17

lrl1mhuk4#

在ASP.NET 2012上，onkeydown="return event.keyCode!=13"工作正常。

赞(0）回复(0）举报 2023-10-17

我来回答

jquery 当按下回车键时，不对空文本框执行任何操作

4条答案

相关问题

热门标签

最新问答