Потестируйте контактную форму

[Sergik+]

Собрал форму контактную http://sergik.ekt0.ru , как вам в плане юзабилити ?

Может что добавить или ошибки какие ? Ваши сообщения будут валится на один из моих

почтовых адресов, пожалуйста не отправляйте миллион сообщений

Хакеров предупреждаю smtp сделал специально под форму, ценности не представляет.

Если понравится всем то выложу исходники на гитхаб, а то вопросов по формам полно, 

надеюсь пригодится кому.

Edited October 16, 2014 by Sergik+

[xzarxzes]

У вас там див незакрытый http://validator.w3.org/check?uri=http://sergik.ekt0.ru/&charset=(detect+automatically)&doctype=Inline&group=0, еще можно type tel и email указать.
 

Edited October 16, 2014 by xzarxzes

[Sergik+]

Интересно а чем валидатору не понравилось <meta http-equiv="X-UA-Compatible" content="IE=edge"> ?

[xzarxzes]

Интересно а чем валидатору не понравилось <meta http-equiv="X-UA-Compatible" content="IE=edge"> ?

Она никогда ему не нравилась, это мета специфичная только для ie, она говорит ему чтобы он всегда работал в режиме самой последней версии, или как это называется. Ее можно заменить на какую то дерективу в htacess, чтобы ее не было в html и чтобы документ валидировался. http://www.validatethis.co.uk/news/fix-bad-value-x-ua-compatible-once-and-for-all/

Edited October 16, 2014 by xzarxzes

[Sergik+]

 

Интересно а чем валидатору не понравилось <meta http-equiv="X-UA-Compatible" content="IE=edge"> ?

Она никогда ему не нравилась, это мета специфичная только для ie, она говорит ему чтобы он всегда работал в режиме самой последней версии, или как это называется. Ее можно заменить на какую то дерективу в htacess, чтобы ее не было в html и чтобы документ валидировался. http://www.validatethis.co.uk/news/fix-bad-value-x-ua-compatible-once-and-for-all/

 

Угу я знал что она делает а вот то что она валидатору не нравится это для меня было открытие.

[swandev]

Проверил на айпаде.

Не показало сообщение об успешной отправке, если оно есть.

Ну и я бы как то покрасивее оформил сообщения с ошибками).

Хотелось бы еще на код посмотреть, может что для себя найду новое)

[Sergik+]

Проверил на айпаде.

Не показало сообщение об успешной отправке, если оно есть.

Ну и я бы как то покрасивее оформил сообщения с ошибками).

Хотелось бы еще на код посмотреть, может что для себя найду новое)

Сообщения нету, просто блокирую кнопку отправки.

Покрасивее может тултипами ? Код завтра выложу, сегодня уже спать охота.

Edited October 17, 2014 by Sergik+

[swandev]

Да по разному можно, можно и тултипами.

На codepen много примеров есть с валидацией форм, можно там поискать и что-то для себя выбрать

[Sergik+]

Исходники https://github.com/sz47181/MailForm

Специально не стал ничего усложнять чтобы хоть кто мог воспользоваться, скоро будет вторая версия с красивыми подсказками и улучшенной валидацией, возможно перепишу все под ООП но надо ли усложнять ?

Edited October 17, 2014 by Sergik+

[rus]

зачем так делаете?

$name = htmlspecialchars (substr($_POST['name'], 0, 20));$mail = htmlspecialchars (substr($_POST['email'], 0, 20));$phone = htmlspecialchars (substr($_POST['phone'], 0, 20));$message = htmlspecialchars (substr($_POST['message'], 0, 300));

1) вырезать пробелы и спецсимволы у текста что отправляется на email - считаю лишним, т.к. не подразумевается sql-инъекций.

2) на заполненное поле имени можно проверять и с помощью strlen();

3) проверять email - встроеной ф-цией filter_var();

4) телефон можно регуляркой, т.к. встроенной ф-ции в php для телефона к сожалению нету.

[Sergik+]

зачем так делаете?

$name = htmlspecialchars (substr($_POST['name'], 0, 20));$mail = htmlspecialchars (substr($_POST['email'], 0, 20));$phone = htmlspecialchars (substr($_POST['phone'], 0, 20));$message = htmlspecialchars (substr($_POST['message'], 0, 300));

1) вырезать пробелы и спецсимволы у текста что отправляется на email - считаю лишним, т.к. не подразумевается sql-инъекций.

2) на заполненное поле имени можно проверять и с помощью strlen();

3) проверять email - встроеной ф-цией filter_var();

4) телефон можно регуляркой, т.к. встроенной ф-ции в php для телефона к сожалению нету.

Проверку придется делать, сейчас шаблон делаю для письма, никогда не делал очень интересно

[Sergik+]

http://sergik.ekt0.ru/ попробуйте пожалуйста новый дизайн, от валидации отказался, думаю может

только только email валидировать и то только собачку, бутстрап тоже убрал, но ниже ie10 думаю

все развалится, короче разбирался с флэтбоксами и svg. Если надо исходники обновлю, я их и

так обновлю на гитхабе просто подожду может предложения появятся какие.

А еще сейчас на почту приходит письмо в html.

[swandev]

 

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

[Sergik+]

Поправил, а как всплывашки понравились ?

Вопросик такой, хотел сделать валидацию по type="email",

не нашел как убрать дурацкую красную рамку при ошибке, как ?

Edited November 2, 2014 by Sergik+

[paralex]

Я бы добавил еще onfocus="this.placeholder=''" onblur="this.placeholder='Имя'" inputam. Смущает что кликаешь а текст не исчезает.

И как-то вот это внутренняя синяя рамка сразу портит эстетическое впечатление http://joxi.ru/wRmzQGz5HbP7rO

[Sergik+]

Я бы добавил еще onfocus="this.placeholder=''" onblur="this.placeholder='Имя'" inputam. Смущает что кликаешь а текст не исчезает.

И как-то вот это внутренняя синяя рамка сразу портит эстетическое впечатление http://joxi.ru/wRmzQGz5HbP7rO

Рамку синюю убрал вроде, под каким это браузером было ? По плэйсхолдеру идея

[paralex]

Под хром последним была. Сейчас уже нету

Еще бы кнопке "Отправить" :  cursor:pointer;

Edited November 2, 2014 by paralex