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.
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
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