时间戳

首页 > 解决方案 > 如果搜索栏为空，则 Jquery 警告

javascript - 如果搜索栏为空，则 Jquery 警告

问题描述

这是我的搜索栏和 jquery 的简单代码。如果搜索栏过滤器为空并且我们按下按钮，我想添加一个警报。

<form id="searchbar"class="form-inline">
   <input style="width:450px"class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
   <button id="arama"class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>

javascript

$(document).ready(function() {
    $("button").click(function() {
        if ($('input').val().length === 0) {
            $('input').parents('p').addClass('warning');
        }
    });
});

标签： javascriptjqueryhtml

解决方案

为了防止表单在您想要显示警告时提交，您可以return false在 if 语句中：

  $(document).ready(function(){
    $("button").click(function(){
      if( $('input').val().length === 0 ) {
        $('input').parents('p').addClass('warning');
        return false; // Add this line
      }
    });
  });

此外，在您的代码片段中，您没有<p>可以添加warning类的标签，因此您的确切片段实际上不会将类添加到任何东西。

推荐阅读