jquery - 按下 Enter 键时，对空文本框不执行任何操作

Question

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

<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>

Answer 1

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

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

Demo Here