рони, я добавил вывод второй ошибки – только цифры, поэтому вы меня и не поняли
сделал так (код ниже) все работает, как я хотел:
Нажатие кнопки/enter если поле не заполнено – ошибка: Укажите артикул!
Если набрать не цифры – ошибка: Указывайте в артикуле только цифры!
Ну и пробелы (до, после, в середине цифр ) удаляются..
Большое спасибо за помощь и терпение
<script type="text/javascript">
jQuery(function($) {
$("#keyword").focus(function() {
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( !$.trim( $('#keyword').val() ) || $('#keyword').val() == $('#keyword').attr("data-placeholder") ) {
$('#error1').animate({width:'show'}, 500); // показать div с ошибкой: Укажите артикул!
return false;
}
var str = $('#keyword').val();
str = str.replace(/\D/g, '');
$('#keyword').val(str);
if( !str || str == $('#keyword').data("placeholder") ) {
$('.er').animate({width:'show'}, 500); // показать div с ошибкой: Указывайте в артикуле только цифры!
return false;
}
return true
}
$("#keyword").click(function(){ // спрятать div с ошибкой при клике в поле input
$(".er").animate({width:'hide'}, 300);
});
});
</script>
<!--BEGIN Search Box -->
<form action="<?php $sess->purl( $mm_action_url."index.php?page=shop.browse" )?>" method="post" id="searchForm" class="search">
<div style="float:left;">
<input name="keyword" type="search" class="input" id="keyword"
data-placeholder="<?php echo $VM_LANG->_('PHPSHOP_SEARCH_TITLE_SKU') ?>"
value="<?php echo $VM_LANG->_('PHPSHOP_SEARCH_TITLE_SKU') ?>"/>
<input class="submit" type="button" name="" value="" id="searchFormButton" />
</div>
</form>
<!-- End Search Box -->
<div class="er" id="error1"><?php echo $VM_LANG->_('PHPSHOP_NO_SEARCH_ERROR_1_SKU') ?></div> // div с ошибкой: Укажите артикул!
<div class="er" id="error2"><?php echo $VM_LANG->_('PHPSHOP_NO_SEARCH_ERROR_2_SKU') ?></div> // div с ошибкой: Указывайте в артикуле только цифры!
