Почему не срабатвает window.location.href?

вот форма

<form id="w0" method="get" action="найти">
        <input type="text" placeholder="Поиск" value="" name="query">
        <div class="form-group">
            <button onclick="window.location.href=this.form.action+'-'+this.form.query.value" type="submit">
                <i class="fa fa-search"></i>
             </button>
        </div>
    </form>


получаю при нажатии на button вот такой адрес
http://film.lc/%найти?query=запрос

если я делаю так

<form id="w0" method="get" action="найти">
            <input type="text" placeholder="Поиск" value="" name="query">
            <div class="form-group">
                <button onclick="alert(window.location.href=this.form.action+'-'+this.form.query.value)" type="submit">
                    <i class="fa fa-search"></i>
                 </button>
            </div>
        </form>


То через некоторое время, если не нажимать на окно алерт window.location.href сработает и я получу вот такой адрес http://film.lc/найти-запрос.
Почему на первой форме не срабатывает не подскажите и как с этим бороться
  • Вопрос задан
  • 306 просмотров
Пригласить эксперта
Ответы на вопрос 1
abyrkov
@abyrkov
JavaScripter
Потому, что нужно деактивировать дефолтные эвенты...
//Либо
event.preventDefaults();
//Либо
return false;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы