Как сверстать такую форму регистрацию?

Question

[Alex ALex]

Хотелось бы сверстать форму регистрацию так чтобы она
1) Проверяла поля Имя,Фамилия Отчество что бы там не было матов, и неизвестных символов.
2) Проверка логина (проверка логина на базе данных, и проверка на мат. слов)
3) Проверять пароль что бы при вводе 2 раза он ввел правильно.
4) Проверка по номеру телефона(отправка кода по номеру телефона и подтверждение там же).
5) Проверка по почте (проверка почты, отправить сообщение на почту и подтвердить почту).
6) Реализовать кнопку я согласен, запомнить меня.
Хотелось бы узнать как правильно оформит форму регистрацию?

Comments

[shmatuan]

Это уже тянет на задание -_-

по сути берёшь каждый пункт и ищешь отдельно в интернете

[Alex ALex]

Я в интернете много чего посмотрел и так и не понял как правильно организовать по этому задал вопрос.

[Сергей delphinpro]

Сначала верстаем всю форму, внешний вид.
Потом добавляем ей мозгов.

1) Проверяла поля Имя,Фамилия Отчество что бы там не было матов, и неизвестных символов.

Ок. Так нужен словарь матов. По нажатию на кнопку отправить (onsubmit) или при вводе символов (oninput) или при переходе на другое поле (onchange, onblur) берем введенное значение из инпута и проверяем по словарю.
На неизвестные проверять не стоит, они же неизвестные =)). Проверяем на допустимые символы. Тут просто пишем регулярку и чекаем по ней.

2) Проверка логина (проверка логина на базе данных, и проверка на мат. слов)

С матами то же самое. Для проверки занятости логина делаем ajax запрос к бекэнду, и получаем ответ занято/свободно.

3) Проверять пароль что бы при вводе 2 раза он ввел правильно.

Ну тут уж простите, совсем примитив: тупо сравниваем значения двух полей..

В общем так далее по каждому пункту.

Если вы вообще ничего не умеете (а судя по постановке вопроса, это так и есть), то открывайте learn.javascript.ru и подтяните знания.

[Alex ALex]

Сергей delphinpro, Спасибо а вы можете ссылку отправить чтоб посмотреть как все это посмотреть или прочитать.

[Сергей delphinpro]

learn.javascript.ru

[Alex ALex]

Сергей delphinpro, Большое спасибо да я не знаю javascript. Спасибо за ссылку.

[Alex ALex]

Сергей delphinpro, А про отправку смс на номер телефон и на почту это можно с javascript или php можно сделать?

Answer 1

[prrrrrrr]

Хотелось бы сверстать форму регистрацию так чтобы она 1,2,3,4,5,6

— это вам к фрилансерам

Comments

[Alex ALex]

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

[Denis Melnikov]

Alex ALex, боюсь вам придется ни одну статью прочитать.
Тут как бы и html5 forms & css & js

Answer 2

[Дмитрий Макаров]

Бюджетная версия использовать Google Forms
Или прогуглить сервисы

Comments

[Alex ALex]

Бюджетный в каком варианте?