Definiowanie formatu wartości pola formularza

jqueryinputsmaskKod pocztowy, numer telefonu, adres e-mail – w różnego rodzaju formularzach takie informacje są wymagane. Przydałaby się ich walidacja, a nawet pomoc użytkownikowi w prostym ich wprowadzeniu w wymaganym formacie.

Są na to różne sposoby jak np. napisanie własnej funkcji sprawdzającej, opartej o wyrażenia regularne. Dużo łatwiejszym pomysłem będzie jednak posłużenie się gotowymi pluginami umożliwiającymi nałożenie na inputy tzw. masek.
Czytaj dalej »

Upload plików bez przeładowania strony

uploadJednym z ciekawszych zastosowań AJAX-a i HTML5, które poszerza funkcjonalność zwykłej strony i usprawnia interakcje użytkownika jest upload plików bez przeładowania strony. File API wprowadzone w HTML5 daje koderowi opcje przekazywania informacji o plikach za pomocą XMLHttpRequest. Oczywiście, również do tego celu powstały dziesiątki rozszerzeń i gotowych skryptów, które wystarczy dodać na stronę, skonfigurować i nie martwić się o nic więcej.
Czytaj dalej »

Ostylowanie formularza bez JS

W zeszłym roku pokazywałem, jak skutecznie upiększyć pola wyboru korzystając z jQuery. Możliwe jest również zrobienie tego bez udziału skryptów po stronie przeglądarki – umożliwia to HTML-owy label oraz pseudoklasa :checked.

Na potrzeby tego wpisu stworzyłem przykładowy, nietypowy checkbox:


Czytaj dalej »