Как запретить поиск при пустом поле запроаса?

обработчик onsubmit

И проверять на введенный запрос.

Простейший код на Javascript

<form class="search-box" action="<?php bloginfo('home'); ?>/" method="get" onsubmit="openery();return false;"> 

<input type="text" value="Введите ваш запрос" class="search-txt" name="s" 

onblur="if(this.value=='') this.value='Введите ваш запрос';" onfocus="if(this.value=='Введите ваш запрос') this.value='';" /> 

<input type="submit" value="" class="search-bt" /> 

</form>





<script type="text/javascript">

function openery(){

if (document.forms[0].s.value.length < 3) {

 alert('СЛИШКОМ КОРОТКИЙ запрос (мин. 3 символов)\n');

 return false 

 }

   }

</script> 

http://htmlbook.ru/html5/forms

<form class="search-box" action="<?php bloginfo('home'); ?>/" method="get"> 
  <input type="text" class="search-txt" name="s" placeholder="ваш запрос" required="required"/> 
  <input type="submit" value="найти" class="search-bt" /> 
</form>

softter, я попробовал так - поиск перестал работать. При клике "найти" ничего не происходит.

богоносец, работает, но как убрать красную рамку, которая появляется при неправильном запросе и потом не исчезает до обновления страницы? Пробовал прописывать в style.css вплоть до такого:

input[type="text"] {  border: none; /* Убираем рамку */
    outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */}

input[type="submit"] {
     border: none; /* Убираем рамку */
    outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
   }

А также прямо в форме поиска style border none;. Не помогает.

Помогите разобраться.

Всех новых глюков всех браузеров не вылечите.

Псевдокласс :valid и :invalid