sashgera,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.er{
display: none;
color: #FF0000;
}
</style>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script>
jQuery(function($) {
$("#keyword").focus(function() { // удаление текста в input при фокусе
if ( $(this).val() == $(this).attr("data-placeholder") ) {
$(this).val("");
$(this).css("color","#040404");
}
}).blur(function() {
if ( !$(this).val() ) {
$(this).val( $(this).attr("data-placeholder") );
$(this).css("color","#858585");
}
}).focus().blur();
$('#searchFormButton').click(function(){$('form').submit()})
$('form').submit(submitSearchForm)
function submitSearchForm() {
//if($('#searchError').length){ $('#searchError').remove();}
if( !$.trim( $('#keyword').val() ) || $('#keyword').val() == $('#keyword').attr("data-placeholder") ) {
$('.er').animate({width:'show'}, 500); // показать div с ошибкой
return false;
}
var str = $('#keyword').val();
// проверка инпут - запрет ввода любых букв (только цифры) как правильно сделать?
if (/\D/.test(str)) {
$('.er').animate({width:'show'}, 500); // показать div с ошибкой
return false;
}
// ????????????????????????
return true
}
$("#keyword").click(function(){ // спрятать div с ошибкой при клике в поле input
$(".er").animate({width:'hide'}, 300);
});
});
</script>
</head>
<body> <p class="er">ошибка</p>
<form action="\" method="post" id="searchForm" class="search">
<div style="float:left;">
<input name="keyword" type="search" class="input" id="keyword"
data-placeholder="тест"
value="тест"/>
<input class="submit" type="button" name="" value="" id="searchFormButton" />
</div>
</form>
</body>
</html>