对搜索表单提交是否为空进行弹出提示

时间:2022-07-23
本文章向大家介绍对搜索表单提交是否为空进行弹出提示,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

今天分享关于对搜索表单是否为空进行判断,如果为空,即弹出提示搜索关键词为空,代码如下:

<!--搜索表单-->
<script type="text/javascript">
    function notNull() {
        if (document.keyinput.kw.value.toString().trim().length <= 0) {
              alert("您未输入关键词!");
              document.keyinput.kw.focus();
              return false;
            }else {
              return true;
          }
     }
</script>
<div class="search clearfloat" id="search">
    <form method="get" action="http://www.zjkweiqi.cn/ search.php" class="search-form" name="keyinput">
    <input type="text" name="kw" placeholder="请输入商品/产品名,就能获取您需要的产品下载信息!"/>
        <button type="submit" onclick="return notNull()">搜一下</button>
    </form>
</div>
<!--搜索表单-->