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

Тема в разделе "JavaScript", создана пользователем Jake Foley, 9 май 2015.

Модераторы: ZiX
  1. Jake Foley

    Jake Foley

    Регистр.:
    14 дек 2006
    Сообщения:
    839
    Симпатии:
    366
    Парни, хоть убейте, не получается...

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

    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 надо чтобы отправляло на урл Перейти по ссылке

    Прошу помощи..
     
  2. ZiX

    ZiX Коддинг, Парсинг

    Moderator
    Регистр.:
    9 июл 2011
    Сообщения:
    1.390
    Симпатии:
    580
    редирект на php наверное самый оптимальный вариант, ну или js или jquery)
     
  3. Jake Foley

    Jake Foley

    Регистр.:
    14 дек 2006
    Сообщения:
    839
    Симпатии:
    366
    Либо в htaccess но не выходит что-то тоже..
     
  4. ZiX

    ZiX Коддинг, Парсинг

    Moderator
    Регистр.:
    9 июл 2011
    Сообщения:
    1.390
    Симпатии:
    580
    чем вас jquery не устроило?
     
  5. Jake Foley

    Jake Foley

    Регистр.:
    14 дек 2006
    Сообщения:
    839
    Симпатии:
    366
    гуглю как это сделать
     
  6. funnywheel

    funnywheel WordPress developer

    Регистр.:
    6 авг 2010
    Сообщения:
    217
    Симпатии:
    147
    Если на жквери, пишем функцию

    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;
    });
    
     
    Solus_Rex и Jake Foley нравится это.
  7. ZiX

    ZiX Коддинг, Парсинг

    Moderator
    Регистр.:
    9 июл 2011
    Сообщения:
    1.390
    Симпатии:
    580
    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>
     
    Solus_Rex и Jake Foley нравится это.
  8. Jake Foley

    Jake Foley

    Регистр.:
    14 дек 2006
    Сообщения:
    839
    Симпатии:
    366
    Парни Вы боги. Пришлось компановать оба кода чтоб заработало :)

    Очень круто и приятно, что есть люди которые могут выручить
     
    funnywheel нравится это.