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:

 Antall 

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.

15 Inspirerende oppstartsposisjoner for entreprenører

Føler deflatert med feil eller lanseringer som ikke antenner i 2014? Alle må oppleve feil i livet, det er det vi gjør av det - eller hva vi blir på grunn av det - som setter suksesshistoriene bortsett fra resten. Det er ingen bedre måte å gjøre dette enn å skaffe inspirasjon fra de som har gått gjennom sitt sett av vanskeligheter og suksesser .I årets

(Tekniske og design tips)

Topp 5 File Downloading Managers [Android]

Det er mange bruksområder vi har for Internett. Du kan bruke Internett til å sette opp din egen e-handelsbutikk, kommunisere via e-post og VoIP blant annet. Det er imidlertid ikke nektet at nedlasting av filer over Internett er en primær ting gjort av nesten alle Internett-brukere . Dette betyr at flere data overføres enn noen gang før.Med

(Tekniske og design tips)