Как я могу заменить% 20 ​​в URL для Hypen?

Question

Как мне добиться, когда я отправляю форму поиска, если я заполняю поле ввода пробелом, он показывает мне результат с% 20 в URL

, например: Баскетбольный тренер

вывод: баскетбол% 20coach

Я хочу этот вывод:

баскетбольный тренер

<form action="/tag/" id="form-hockey_v1" name="form-hockey_v1" onsubmit="return false;">
    <div class="typeahead__container">
        <div class="typeahead__field">
            <div class="typeahead__query">
                <input class="js-typeahead-hockey_v1" id="search" name="q" placeholder="Search Services..." autocomplete="off">
            </div>
            <div id="typeahead_id" class="typeahead__button">
                <button class="searchsubmit" type="submit" onclick="window.location.href=this.form.action + this.form.q.value;">Search
                </button>
            </div>
        </div>
    </div>
</form>

Answer 1

URL-адреса могут отправляться только через Inte rnet с использованием набора символов ASCII .

Поскольку URL-адреса часто содержат символы вне набора ASCII, URL-адрес необходимо преобразовать в допустимый формат ASCII.

Кодировка URL заменяет небезопасные символы ASCII на «%», за которым следуют две шестнадцатеричные цифры. URL не могут содержать пробелы. Кодировка URL обычно заменяет пробел знаком плюс (+) или% 20.

Примечание : функция JavaScript кодирует пробел как% 20.

Answer 2

Возможно, вы могли бы использовать метод replace следующим образом:

this.form.action + this.form.q.value.replace(/\s/gi,'-')

или, в контексте:

<form action="/tag/" id="form-hockey_v1" name="form-hockey_v1" onsubmit="return false;">
    <div class="typeahead__container">
        <div class="typeahead__field">
            <div class="typeahead__query">
                <input class="js-typeahead-hockey_v1" id="search" name="q" placeholder="Search Services..." autocomplete="off">
            </div>
            <div id="typeahead_id" class="typeahead__button">
                <button class="searchsubmit" type="submit" onclick="window.location.href=this.form.action + this.form.q.value.replace(/\s/gi,'-');">Search</button>
            </div>
        </div>
    </div>
</form>