按下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()来捕获表单提交时(单击按钮或按Enter键将使用该.submit()函数捕获),然后测试搜索输入为空(空字符串将返回false)并使用该.preventDefault()函数来停止提交表格.

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

在这里演示

Answer 2

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