Как я могу копировать ошибки входа Digg?

Question

Я хотел бы повторить ошибки входа Digg. В http://www.digg.com, если вы нажмете «Войти» или «Присоединиться к Digg», и нажмите «Продолжить», не заполняя никаких полей, похоже, что они используют jQuery с функцией скольжения для отображения ошибок над формой.

Как трудно было бы сделать что-то подобное? Что я должен прочитать, чтобы помочь мне достичь этого?

Answer 1

Я бы попытался воспроизвести это, используя библиотеку jQuery.validate. Он обладает способностью проверять формы и размещать полученные ошибки в любом месте DOM.

Тогда это будет только вопрос применения правильного стиля CSS и jQuery, чтобы сделать ошибки и обеспечить интерактивность.

Answer 2

Возможно, они используют Javascript для выполнения tween свойства CSS, такого как top. Если вы знакомы с CSS, вы можете перейти прямо к JS.

Учебники:

• jQuery for designers
• Mootools Effects Quickstart Guide

Документы:

• jQuery Effects
• Mootools Fx