Javascript 输入字段不能为空

我有一个输入字段，该字段不能让您搜索，除非您键入/选择某个内容。我该怎么做呢

<input type="text" class="form-control pg-csr-customer-search CSRinputBut" aria-label="" id="CustomerSearchText" name="CustomerSearchText" value="" placeholder="Search Customer" required>

我需要在用户单击或点击enter时显示此警告

displayCustomerSearchMessage('<i class=\"fa fa-exclamation-circle pull-left\"></i> Sorry, missing selected Customer Id. Please make a selection from the results listing.', 'warning');

displayCustomerSearchMessage（'抱歉，缺少选定的客户Id。请从结果列表中进行选择'，'警告'）；

//根据需要修改以下代码
函数checkTextField（字段）{
如果（field.value==''）{
警报（“空！！！”；
}
}

更新

<form onsubmit="return checkTextField(this)">


function checkTextField(form) {
  var text = form.CustomerSearchText.value;

    if (text == '') {
            return false
        }


  return true;
}

函数checkTextField（表单）{
var text=form.CustomerSearchText.value；
如果（文本=“”）{
返回错误
}
返回true；
}

显示您的“搜索”事件处理程序。。。我认为您需要执行

事件。预防默认值
并在输入为空时显示消息。这允许我单击并键入，但当我单击外部时，我会收到警报。我不希望用户只需按enter键就可以得到结果，我需要显示一条消息，上面写着：字段不能为空或类似于这些行的内容。您可以使用表单提交的逻辑，并阻止表单被发布
<form onsubmit="return checkTextField(this)">


function checkTextField(form) {
  var text = form.CustomerSearchText.value;

    if (text == '') {
            return false
        }


  return true;
}