nl.hideout-lastation.com
Valideer formulierinvoer gemakkelijk op elke browser met Validatr
Omgaan met formulieren op het web kan heel interessant zijn. U kunt veel maatwerk doen in ontwerp, op het etiket en zelfs bij de authenticatie. Met veel nieuwe functies beschikbaar in HTML5, creëerde Jay Morrow Validatr die afhankelijk is van de nieuwe HTML5- invoerattributen om eenvoudige en automatische formuliervalidatie uit te voeren.
Validatr is een gratis jQuery-plugin voor meerdere browsers. Het wikkelt de formulierrand automatisch rood als de gebruiker een ongeldige waarde invoert. Het kan ook veel invoervalidatie uitvoeren, zoals e-mail, nummer, url, bereik, kleuringangen en datum .
Aangepaste foutmeldingen zijn ook beschikbaar met verschillende keuzes met behulp van HTML5-gegevensattributen. U kunt het foutberichtelement aanpassen met uw eigen CSS en de plug-in heeft behoorlijk goede CSS-stijlen.
Basisgids
Om Validatr te gebruiken, neemt u de nieuwste jQuery en ook het Validatr-script in uw project op.
Bel dan de plug-in met het volgende fragment:
De plug-in herkent het form om wijzigingen toe te passen.
HTML-markup
Zoals vermeld gebruikt Validatr het input element om te werken. Het element is ingepakt in de formuletag. Het input verwerkt alle verschillende formuliertypen en instellingen met behulp van HTML5 data-attribute .
Als u bijvoorbeeld een getal wilt maken, voegt u type="number" aan de input en enkele aanvullende vereisten, bijvoorbeeld het beperken van het min- en max-nummer. Als de gebruikers het formulier niet leeg mogen laten, voegt u gewoon het required kenmerk toe.
Het volgende is een eenvoudig implementatievoorbeeld:
Het stapkenmerk wordt gebruikt voor waardestijgingen wanneer de gebruiker op de pijltoename in de vorm van het pijltje omhoog of omlaag klikt, beginnend binnen het gedefinieerde min of 0. Als de waarde op "0" staat, betekent dit dat het standaardincrement gebruikt of slechts één verhoogd punt (de waarde moet een positief getal zijn).
En hier is het resultaat wanneer een gebruiker een ongeldige waarde of buiten bereiknummer invoert. Ons voorbeeld gebruikt 2 voor de step wat betekent dat vanaf 1, de enige geldige getallen een ophoging van 2 hebben, dat is: 3, 5, 7 enzovoort. De maximale waarde is 11.
Voor een volledige lijst van andere invoertypen en attribuutdocumentatie, gaat u naar de Validatr-pagina.
Hoe het allemaal begon - 40 klassieke foto's van technische bedrijven die u moet zien
Veel van de reuzen die de manier dicteren die tegenwoordig op grote schaal wordt gespeeld, hadden bescheiden starts tijdens hun begindagen. Sommigen schreven het succes van de bedrijven of hun oprichters toe aan een grote vooruitziende blik, kennen de 'juiste' mensen en zijn in veel gevallen op het juiste moment op de juiste plaats (alias gewoon geluk, denk ik)
9 High-Tech speelgoed & gadgets Ontworpen voor kinderen
Er zijn veel ouders die zich zorgen maken over het feit dat hun kinderen te veel online tijd doorbrengen, of op smartphones en tablets. Leren programmeren kan echter een van de vele essentiële vaardigheden worden die uw kind nodig heeft in zijn of haar toekomstige leven.In plaats van technologie uit hun leven te halen, zijn er slimme gadgets beschikbaar die kinderen kunnen helpen bij het ontwikkelen van programmeervaardigheden en tegelijkertijd een veilige omgeving bieden om te verkennen, te spelen en te groeien.
