Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Запретить ввод букв в инпут формы поиска (https://javascript.ru/forum/misc/45503-zapretit-vvod-bukv-v-input-formy-poiska.html)

sashgera 04.03.2014 01:02

рони, и еще, если можно... я сделал так, чтобы форма проходила валидацию если будут пробелы до и после ввода цифр:
if  (/\S+\D\S+/.test(str)) {
а как сделать валидацию пробелов в середине числа? например:
(пробел25пробел7) что равно 257

спасибо

рони 04.03.2014 01:23

sashgera,
if  (!/^[\d\s]+$/.test(str))

sashgera 04.03.2014 02:03

Цитата:

Сообщение от рони (Сообщение 300790)
sashgera,
if  (!/^[\d\s]+$/.test(str))

сделал как вы написали, но что-то не срабатывает:
если в поле набираю: пробел25пробел7пробел -то форма поиска не находит артикул 257

а если набираю пробел7пробел7 то находит артикул 7, а не 77 как нужно
....ну чтобы игнорировались пробелы:)

рони 04.03.2014 02:22

sashgera,
если вам ненужны пробелы то причём здесь условие ?
var str = $('#keyword').val()
str = str.replace(/\D/g, '');
$('#keyword').val(str);

рони 04.03.2014 02:25

sashgera,
function submitSearchForm() {
	    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
	}

sashgera 04.03.2014 03:27

рони, я добавил вывод второй ошибки – только цифры, поэтому вы меня и не поняли
сделал так (код ниже) все работает, как я хотел:
Нажатие кнопки/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 с ошибкой: Указывайте в артикуле только цифры!


Часовой пояс GMT +3, время: 16:50.