no.hideout-lastation.com
Paradis For Designere Og Utviklere


Bekreft skjemainnganger enkelt på hvilken som helst nettleser med Validatr

Å håndtere former på nettet kan være veldig interessant. Du kan gjøre mye tilpasning i design, på etiketten og til og med ved godkjenning. Med mange nye funksjoner tilgjengelig i HTML5, opprettet Jay Morrow Validatr som stole på de nye HTML5- inputattributtene for å utføre enkel og automatisk form validering.

Validatr er et fritt jQuery-plugin for kryssbrowser. Det vil automatisk pakke skjemaets grense i rødt hvis brukeren skriver inn en ugyldig verdi. Det kan også gjøre mye input validering som e-post, nummer, URL, rekkevidde, fargeinnganger og dato .

Egendefinerte feilmeldinger er også tilgjengelige med ulike valg ved hjelp av HTML5-dataattributter. Du kan tilpasse feilmeldingselementet med ditt eget CSS, og plugin har noen ganske gode CSS-stiler.

Grunnleggende veiledning

For å bruke Validatr, Inkluder den siste jQuery og også Validatr-skriptet i prosjektet.

Kall deretter pluginet med følgende utdrag:

Pluggen vil gjenkjenne skjemaelementet for å bruke endringer.

HTML Markup

Som nevnt benytter Validatr input til arbeid. Elementet er pakket inn i formetiketten. input håndterer alle forskjellige formetyper og innstillinger ved hjelp av HTML5 data-attribute .

For eksempel, når du vil opprette nummerskjema, bare legg til type="number" i input og noen ekstra krav, for eksempel begrensning av min og maks antall. Hvis brukerne ikke har lov til å legge skjemaet tomt, legger du bare til det required attributtet.

Følgende er et grunnleggende implementeringseksempel:

Trinnattributtet brukes til verdiøkninger når brukeren klikker økningen eller senker pilen i skjemaet, begynner innenfor det definerte min eller 0. Hvis verdien er satt til "0", betyr dette at den bruker standard inkrement eller økte kun en punkt (verdien må være et positivt tall).

Og her er resultatet når en bruker skriver inn en ugyldig verdi eller utenfor rekkevidde nummer. Vårt eksempel bruker 2 for step som betyr å starte fra 1, de eneste tallene som er gyldige, har et trinn på 2, det vil si: 3, 5, 7 og så videre. Maksverdien er 11.

For en komplett liste over andre inngangstyper og attributtdokumentasjon, vennligst gå over til Validatr-siden.

10 ting vi vil se i Windows 9

10 ting vi vil se i Windows 9

La oss innse virkeligheten, det er bare ingen måte at Microsoft går tilbake til det gamle "klassiske" Windows-utseendet som vi har blitt vant til. Metro-brukergrensesnittet er her for å bli og vil trolig bli forbedret når Windows 9 blir utgitt i 2015.Selvfølgelig ser vi frem til flere nye funksjoner, og i dette innlegget navngir vi 10 ting vi vil se i Windows 9 .I li

(Tekniske og design tips)

Legg til Margin Hover Text til noen nettsteder enkelt med Marginotes

Legg til Margin Hover Text til noen nettsteder enkelt med Marginotes

Inline verktøytips er fantastiske, men noen ganger passer de ikke bra med bestemt innhold. De fleste nettsteder gir plass i marginene langs sidekroppen, og dette er perfekt for å legge til verktøytipsformat uten verktøytips .Skriv inn Marginotes, en gratis åpen kildekode jQuery-plugin som legger til egendefinerte notater i margene på websiden din. Du k

(Tekniske og design tips)