Форма отправки - туплю..

Jake Foley

Мой дом здесь!
Регистрация
14 Дек 2006
Сообщения
747
Реакции
395
Парни, хоть убейте, не получается...

Есть форма поиска

HTML:
<form class="form-wrapper-parts cf" action="http://site.com/autoparts/search/" >
    <input type="text" placeholder="Введите номер запчасти, например: 06A115561B" required>
    <button type="submit">Найти запчасть!</button>
</form>

При вводе текста поиска к примеру 12345 надо чтобы отправляло на урл Для просмотра ссылки Войди или Зарегистрируйся

Прошу помощи..
 
Парни, хоть убейте, не получается...

Есть форма поиска

HTML:
<form class="form-wrapper-parts cf" action="http://site.com/autoparts/search/" >
    <input type="text" placeholder="Введите номер запчасти, например: 06A115561B" required>
    <button type="submit">Найти запчасть!</button>
</form>

При вводе текста поиска к примеру 12345 надо чтобы отправляло на урл Для просмотра ссылки Войди или Зарегистрируйся

Прошу помощи..
редирект на php наверное самый оптимальный вариант, ну или js или jquery)
 
Если на жквери, пишем функцию

HTML:
function(e) {
  e.prevenDefault();
  searchvalue = $('.form-wrapper-parts input[type="text"]').value();
  location.href = "http://site.com/autoparts/search/" + searchvalue;
}

как-то так. запускаете как удобно, например так

HTML:
$('.form-wrapper-parts').submit(function(e){
  e.prevenDefault();
  searchvalue = $('.form-wrapper-parts input[type="text"]').value();
  location.href = "http://site.com/autoparts/search/" + searchvalue;
});
 
гуглю как это сделать
PHP:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
    $('form.form-wrapper-parts').on('submit', function(e){
        e.preventDefault();
        var link = $(this).attr('action');
        var val = $('.input_data').val();
        if (val)
            location.href = link + val + '/';
        else
            alert('Заполните поле!');
    })
});
</script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<form class="form-wrapper-parts cf" action="http://site.com/autoparts/search/" >
    <input class="input_data" type="text" placeholder="Введите номер запчасти, например: 06A115561B" required>
    <button type="submit">Найти запчасть!</button>
</form>
 
Парни Вы боги. Пришлось компановать оба кода чтоб заработало :)

Очень круто и приятно, что есть люди которые могут выручить
 
Назад
Сверху