js拦截input输入框为空时禁止提交数据

在做表单和搜索的时候，经常会用到input输入框不允许空提交，这里介绍一个实现的简单方法，比如下面的搜索框，我们禁止它提交空数据，看代码；

html搜索表单部分代码；

<form action="/index.php" method="get" name="sousuo" onsubmit="return validateForm()">
<input type="text" name="keyword" placeholder="搜索内容..."   />
<input type="submit" value="搜索" />
</form>

js验证部分代码；

<script>
function validateForm()
{
  var x=document.forms["sousuo"]["keyword"].value;
  if (x==null || x=="")
  {
    alert("搜索内容不能为空噢！");
    return false;
  }
}
</script>

这样搜索输入框不填内容，提交搜索就会提示不能为空了，需要的话拿去试试吧！