Поле ввода не должно быть пустым

Question

У меня есть поле ввода, в котором поле не может позволить вам искать, если вы не набираете/не выбираете что-то. Как мне это сделать?

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

Мне нужно показывать это предупреждение, когда пользователь просто нажимает или хиты войти.

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

Answer 1

<input type="text" name="CustomerSearchText" id="CustomerSearchText" onblur="checkTextField(this);" /> 


//modify following code as your need 
function checkTextField(field) { 
    if (field.value == '') { 
     alert("empty!!!"); 
    } 
} 

обновление

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


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

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


    return true; 
}