使用jQuery防止搜索字段在空时提交

时间:2011-03-03 02:05:46

标签: javascript jquery search

我有一个搜索框,我已经在使用jQuery提交表单,如果搜索框文本字段为空,我只是不知道如何阻止它提交。有什么帮助吗?

这是我的代码:

<a href="javascript:$('#searchPost').submit()">Search</a>

3 个答案:

答案 0 :(得分:5)

$('#searchPost').submit(function(event) {

   if ($(this).find('input').val() == '') {
      event.preventDefault();
   }

});

答案 1 :(得分:1)

document.getElementById('searchPost').addEventListener('submit', function(e) {
    if (!document.getElementById('searchBoxID').value)
        e.preventDefault();
}, false);

答案 2 :(得分:0)

在头部的标签中:

function submitSearch() 
{
  if (document.FormName.SearchTextBoxName.value) $('#searchPost').submit();
}

更新链接:

<a href="javascript:submitSearch()">Search</a>