Кодировка всплывающей формы

@vlad-55 · Регистрация: 21.02.2009

Несколько раз доводилось видеть на сайтах ситуацию, когда при клике всплывает форма с кракозябрами вместо букв. Причина ясна - браузер не понял кодировку всплывающей формы.

Сейчас хочу на своём сайте поставить форму обратной связи на основе модального окна вот по этому варианту.

Как полагаете, в этом скрипте тоже возможна ситуация с нарушением кодировки?

Если так, то как её избежать?

@Fedor92 · 23.03.2016, 16:10

vlad-55, ну в принципе всё просто...

Во-первых, сам файл формы должен иметь кодировку идентичную файлам на сайте(в идеале "UTF-8 без BOM")... Во-вторых, должна быть указана внутренняя кодировка внутри файла формы идентичная внутренней кодировке сайта(то есть файл должен содержать метатег в котором указана кодировка "UTF-8", к примеру, или же иметь функцию header() для передачи кодировки в заголовке)... В третьих, если существует ситуация, что при отправке письма данные поступают в БД, то БД должна иметь кодировку аналогичную кодировке на сайте...

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

@vlad-55 · 23.03.2016, 16:17 **[ТС]**

Сообщение от Fedor92

должна быть указана внутренняя кодировка внутри файла формы идентичная внутренней кодировке сайта

Применительно к данному примеру так?

HTML5

<form class="fofm" action="">
        <meta charset="UTF-8">
            <h5>Форма обратной связи</h5>
            <input type="text" required="" placeholder="Имя" name="txtname">
            <input type="email" placeholder="Email" name="txtemail">
            <input type="tel" pattern="^((8|\+7)[\- ]?)?(\(?\d{3}\)?[\- ]?)?[\d\- ]{7,10}$" required="" placeholder="Телефон" name="txtphone">
            <textarea name="txtmessage" placeholder="Описание" rows="10"></textarea>
            <label><input type="checkbox">Я не робот</label>
            <input type="hidden" name="valTrFal" class="valTrFal" value="valTrFal_disabled">
            <input type="submit" class="button" value="Отправить" disabled="disabled" name="btnsend">
        </form>

А в файле custom.js есть код:

Javascript

                else {
                    $('.popup2 .window').html('<h5>Ошибка</h5><p>Сообщение не отправлено, убедитесь в правильности заполнение полей</p>');
                    $('.popup2, .overlay').css('opacity','1');
                    $('.popup2, .overlay').css('visibility','visible');
                    $('.popup').css({'opacity':'0','visibility':'hidden'});
                }

Как в этом случае передать кодировку?

@Fedor92 · 23.03.2016, 16:20

Сообщение от vlad-55

Применительно к данному примеру так?

Совершенно верно... vlad-55, в файле - js не надо ничего передавать, главное, чтобы кодировка была верной на странице формы... Я имел ввиду ситуацию, когда форма находится в php-файле...

@vlad-55 152 / 16 / 4 Регистрация: 21.02.2009 Сообщений: 2,448
		1
	Кодировка всплывающей формы 23.03.2016, 16:01. Показов 1775. Ответов 3 Метки нет (Все метки) Несколько раз доводилось видеть на сайтах ситуацию, когда при клике всплывает форма с кракозябрами вместо букв. Причина ясна - браузер не понял кодировку всплывающей формы. Сейчас хочу на своём сайте поставить форму обратной связи на основе модального окна вот по этому варианту. Как полагаете, в этом скрипте тоже возможна ситуация с нарушением кодировки? Если так, то как её избежать? 0

@Fedor92 2961 / 2580 / 1068 Регистрация: 15.12.2012 Сообщений: 9,734 Записей в блоге: 11
	23.03.2016, 16:10	2
	vlad-55, ну в принципе всё просто... Во-первых, сам файл формы должен иметь кодировку идентичную файлам на сайте(в идеале "UTF-8 без BOM")... Во-вторых, должна быть указана внутренняя кодировка внутри файла формы идентичная внутренней кодировке сайта(то есть файл должен содержать метатег в котором указана кодировка "UTF-8", к примеру, или же иметь функцию header() для передачи кодировки в заголовке)... В третьих, если существует ситуация, что при отправке письма данные поступают в БД, то БД должна иметь кодировку аналогичную кодировке на сайте... Про затыки на сервере пока ничего писать не буду... Вы сначала разместите форму и протестируйте, а потом, если возникнут проблемы - задавайте вопросы... 1

@Fedor92 2961 / 2580 / 1068 Регистрация: 15.12.2012 Сообщений: 9,734 Записей в блоге: 11
	23.03.2016, 16:20	4
	Сообщение было отмечено vlad-55 как решение Решение Сообщение от vlad-55 Применительно к данному примеру так? Совершенно верно... vlad-55, в файле - js не надо ничего передавать, главное, чтобы кодировка была верной на странице формы... Я имел ввиду ситуацию, когда форма находится в php-файле... 1

Опции темы

Кодировка всплывающей формы

Решение