За последние 24 часа нас посетили 22704 программиста и 1210 роботов. Сейчас ищут 762 программиста ...

Здорово, всем.

Тема в разделе "HTML и CSS", создана пользователем Даниль1999, 18 сен 2018.

  1. Даниль1999

    Даниль1999 Новичок

    С нами с:
    3 окт 2017
    Сообщения:
    66
    Симпатии:
    0
    Как установить сбой во время регистрации. Выходит сообщение после нажатие на кнопку отправки. "Введите данные в указанном формате." Картинку прикрепил.

    HTML
    HTML:
    1. <form action="register.php" id="registerform" method="post" name="registerform" enctype="multipart/form-data">
    2. <p><label>E-mail<br>
    3. <input id="email" name="email" size="32"type="email"  required></label></p>
    4. <p><label>Пароль<br>
    5. <input id="password" name="password"size="32"   type="password"  required></label></p>
    6. <p><label>Телефон<br>
    7. <input id="phone" name="phone" size="20" type="text" pattern="/^[+|0-9{1}][0-9()\- ]{11,}/x" required></label></p>
    8. <p><label>Имя<br>
    9. <input id="first_name" name="first_name" size="20"
    10.  type="text"  pattern="/[а-яА-Яa-zA-ZёЁ]{2,}/u"  required></label></p>
    11. <p><label>Фамилия<br>
    12. <input id="last_name" name="last_name" size="20"
    13.  type="text" pattern="/[а-яА-Яa-zA-ZёЁ]{2,}/u"  required></label></p>
    14. <p><label>Страна<br>
    15. <input id="country" name="country" size="20"
    16.  type="text" pattern="/[а-яА-Яa-zA-ZёЁ]{2,}/u"  required></label></p>
    17. <p><label>Город<br>
    18. <input id="city" name="city" size="20"
    19.  type="text" pattern="/[а-яА-Яa-zA-ZёЁ]{2,}/u"  required></label></p>
    20. <p><label>Дата рождения<br>
    21. <input id="bdate" name="bdate" size="20"
    22.  type="date"  required></label></p>
    23. <p><label>Выберите аватар. Изображение должно быть формата jpg, gif или png:<br><input type="file" name="fupload" /></label></p>
    24. <p class="submit"><input class="btn btn-primary" type="submit" name="submit" value="Зарегистрироваться" formaction="register.php"></p>
    25.       <p class="regtext">Уже зарегистрированы? <a href= "login.php">Введите имя пользователя</a>!</p>
    26. </form>
     

    Вложения:

  2. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.752
    Симпатии:
    1.322
    Адрес:
    Лень
    какой?
    --- Добавлено ---
    это лишнее по всем фактам, каждый браузер по своему реагирует. Проверка на стороне сервера ведется
     
  3. villiwalla

    villiwalla Активный пользователь

    С нами с:
    14 дек 2016
    Сообщения:
    471
    Симпатии:
    70
    В
    HTML:
    1.  name="phone" size="20" type="text" pattern="/^[+|0-9{1}][0-9()\- ]{11,}/x"
    убери ^ или добавь m
     
  4. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.591
    Симпатии:
    360
  5. Даниль1999

    Даниль1999 Новичок

    С нами с:
    3 окт 2017
    Сообщения:
    66
    Симпатии:
    0
    Спасибо, сделаю на стороне сервера.
     
  6. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Надо делать и на стороне клиента и на стороне сервера. На стороне клиента - для удобства клиента, чтобы он был уверен, что все вводит правильно, чтобы не пришлось потом вводить заново и все такое прочее.

    На стороне сервера - из соображений безопасности, разумеется.
     
  7. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.752
    Симпатии:
    1.322
    Адрес:
    Лень
    А смысл тратиться на проверку клиентской части данных ( миллион всех нюансов, тех же что юзер может вовсе не юзер "проверка клиента улетела" ), когда в любом случае мы сможем скомпоновать JSON строку и выдать ответ в js для дальнейшего приукрашивания ошибок, без перезагрузки страницы ?
     
  8. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Чтобы, как минимум, снизить количество "холостых" запросов к серверу.
     
    Maputo нравится это.
  9. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.752
    Симпатии:
    1.322
    Адрес:
    Лень
    не факт, юзер может повторно f5 послать данные, и мы все равно на сервере будет проверять на актуальность той формы, а потом уже данные
     
  10. villiwalla

    villiwalla Активный пользователь

    С нами с:
    14 дек 2016
    Сообщения:
    471
    Симпатии:
    70
    Ох, как факт, ох как
     
  11. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.752
    Симпатии:
    1.322
    Адрес:
    Лень
    Все нюансы просчитал, прежде чем пост создать ?
    --- Добавлено ---
    Ты помадой ржавый танк покрасишь, а он все равно будет хуем по земле елозить.
     
  12. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Какие данные юзер может послать по F5, если браузер, при нормальном сценарии, не допустит отправку формы, которая не проходит клиентскую валидацию? Или ты просто про обновление странички? Ну тогда юзер может и в окно выйти. Или может стать бетменом. Юзер много что может. Речь не о том. Речь о случае, когда юзер заполнил поля и нажал "отправить". И тут есть два варианта:
    1) Запрос уходит на сервер в любом случае, мы делаем проверку, если что не так - сообщаем.
    2) Запрос не уходит, если форма заполнена не правильно, но, когда уйдет, мы все равно делаем проверку и, если что не так - сообщаем.

    Организация пункта 2 включает в себя, внезапно, пункт 1. Но, при этом, ничего нам не стоит и, если браузер поддерживает html5-валидацию(пора бы уже, 2018 год на дворе), львиную долю некорректных запросов мы срежем на стороне клиента.

    А валидация эта сейчас работает красиво, браузер, в ряде случаев, понимает, что ты от него хочешь, и, кроме того, что подсвечивает нужное поле, сам подсказывает, мол "введите число от N до M" или "пожалуйста, используйте только русские буквы". Красота же! Которая нам, повторюсь, ничего не стоит.

    Не пользоваться этим просто глупо.
     
  13. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    в 2018 уже пара самому валидировать используя js а валидация как была страшненькая та увы и ах..
     
  14. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.752
    Симпатии:
    1.322
    Адрес:
    Лень
    Сам факт того что юзер зашел на твой сайт - уже запрос на контент. Это аналогично тому что будет бродить по сайту, как и в прочем проверка на стороне сервера запрос
    --- Добавлено ---
    Не вижу смысла
     
  15. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    [​IMG]
    --- Добавлено ---
    Дело твое.
     
  16. MouseZver

    MouseZver Суперстар

    С нами с:
    1 апр 2013
    Сообщения:
    7.752
    Симпатии:
    1.322
    Адрес:
    Лень
    Ладно,
     
  17. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    @Fell-x27 Это не тот случай. Нативное решение выглядит страшно и никогда не вписывается в дизайн
     
  18. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.199
    Симпатии:
    184
    @nospiou зато оно независимое
     
  19. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    @Dimon2x Вот есть у тебя кнопка для загрузки картинок. Даже в твоем случаи без дизайна она выглядит дико. Оставлять так в 2к18 нельзя. Нужно перерисовывать.
    HTML:
    1. <input id="file" type="file" style="display:none" />
    2. <button onclick="document.getElementById('file').click()">Click</button>
     
  20. Dimon2x

    Dimon2x Старожил

    С нами с:
    26 фев 2012
    Сообщения:
    2.199
    Симпатии:
    184
    @nospiou вообще не страшный
     
  21. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    @Dimon2x ну да просто немного отличается от других кнопок еще и хвостик непонятный с названием файла и текст не меняется и функционала ноль. В том же react или vue пишешь один раз нормальный компонент и наслаждаешь. Хотя можно и на чистом js замену делать.
     
  22. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Ты их когда видел последний раз?
    upload_2018-9-20_22-5-14.png
     
  23. nospiou

    nospiou Старожил

    С нами с:
    4 фев 2018
    Сообщения:
    3.400
    Симпатии:
    510
    @Fell-x27 Тут помимо нативного решение еще и дизайн страшный бедные пользователи смартфонов) плюс в разных браузерах по разному
     
  24. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.591
    Симпатии:
    360
    Редкий пользователь на один сайт с разных браузеров заглянет...
    Обычно как? Набил строку поисковую, перешёл по ссылке - оценил предложение и либо заказал звонок менеджера/мастера/специалиста, либо закрыл сайт и забыл о нём :)
     
  25. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    А с ними что не так? Или ты думаешь, что в том же мобильном хроме оно как-то по-особому выглядит, а не как аккуратный баббл? Будешь удивлен.