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

Question

[Игорь Быков]

Имеется форма поиска:

<div id="search" class="msearch">
  <form action="/autoparts/" method="post">
  <input type="search" maxlength="40" id="artnumg" name="search" placeholder="ПОИСК ПО АРТИКУЛУ" class="input" />
  <input type="submit" name="" value="" class="submit" />
  </form>					
  </div>

Как к ней прикрутить такой скрипт:

<script type="text/javascript">
function TDMArtSearch(){
	var art = $('#artnum').val();
	if(art!=''){
		art = art.replace(/[^a-zA-Z0-9.-]+/g, '');
		location = '/autoparts/search/'+art+'/';
	}
}
$('#artnum').keypress(function (e){
  if(e.which == 13){ TDMArtSearch(); return false;}
});
</script>

Результат должен быть /autoparts/search/194908/ где 194908 из поля ввода.

Answer 1

[Cyber_bober]

<form action="javascript: TDMArtSearch()" method="post">

Comments

[Игорь Быков]

пытается выполнить поиск в опенкарте /index.php?route=product/search&search=la54

[Игорь Быков]

скрипт не запускает(

[Cyber_bober]

lemonich: какой получился код формы? содержимое тега form

[Игорь Быков]

<form action="javascript: TDMArtSearch()" method="post">

[Игорь Быков]

<div id="search" class="msearch">
  <form action="javascript: TDMArtSearch()" method="post">
  <input type="search" maxlength="40" id="artnumg" name="search" placeholder="ПОИСК ПО АРТИКУЛУ" class="input" />
  <input type="submit" name="" value="" class="submit" onclick="TDMArtSearchmove()" />
  </form>	
  <script type="text/javascript">
	function TDMArtSearchmove(){
	var art = $('#artnumg').val();
	if(art!=''){
		art = art.replace(/[^a-zA-Z0-9.-]+/g, '');
		location = '/autoparts/search/'+art+'/';
	}
}
$('#artnumg').keypress(function (e){
  if(e.which == 13){ TDMArtSearchmove(); return false;}
});
</script>					
					
					</div>

[Игорь Быков]

может из-за name он ищет стандартным поиском?

[Cyber_bober]

lemonich: ну значит скрипт что-то не так делает) экшн то происходит

[Игорь Быков]

да происходит, но вместо скрипта открывает стандартный поиск. до этого в этой форме был стандартный поиск

[Cyber_bober]

lemonich: а ничего что вы название функции сменили на TDMArtSearchmove по ходу вопросов? зачем onclick на submit если запуск функции происходит через action? надо оставить что-нибудь одно. Вы просили помочь прикрутить скрипт, вам надо помочь разобраться почему он неправильно работает теперь?)

[Игорь Быков]

есть вот такой код и он работает:

<input type="text" id="artnumg" maxlength="40" class="tdsformg" placeholder="например: LA 54"> 
		<input type="submit" value="Найти" class="tdsbutg" onclick="TDMArtSearchmove()">
		<div class="tclearg"></div>
		<script type="text/javascript">
	function TDMArtSearchmove(){
	var art = $('#artnumg').val();
	if(art!=''){
		art = art.replace(/[^a-zA-Z0-9.-]+/g, '');
		location = '/autoparts/search/'+art+'/';
	}
}
$('#artnumg').keypress(function (e){
  if(e.which == 13){ TDMArtSearchmove(); return false;}
});
</script>

[Игорь Быков]

захотел его же впихнуть в меню итог вы видели((((
по вашему совету

<div id="search" class="msearch">
  <form action="javascript: TDMArtSearchmove()" method="post">
  <input type="search" maxlength="40" id="artnumg" name="search" placeholder="ПОИСК ПО АРТИКУЛУ" class="input" />
  <input type="submit" name="" value="" class="submit" />
  </form>	
  <script type="text/javascript">
  function TDMArtSearchmove(){
  var art = $('#artnumg').val();
  if(art!=''){
    art = art.replace(/[^a-zA-Z0-9.-]+/g, '');
    location = '/autoparts/search/'+art+'/';
  }
}
$('#artnumg').keypress(function (e){
  if(e.which == 13){ TDMArtSearchmove(); return false;}
});
</script>					
          
          </div>

poehali.biz