..


Sponsoroidut linkit

Validoi lomake LiveValidation

Artikkelin kirjoittanut John Belelli
Sivu 1 6

LiveValidation on yksinkertainen JavaScript kirjasto, jonka avulla voit tehdä client-side validointi syöttämien käyttäjille moduulit (lomakkeet).

Kautta toiminnoista kirjasto, voit tarkistaa minkä tahansa muodon nopeasti ja helposti, vain kirjoittamalla muutaman rivin koodia. Kaikki tämä tietenkin on julkaistu avoimen lähdekoodin lisenssillä.
Virallinen kotisivu, josta voit ladata kirjastoon ja tutustua virallisiin asiakirjoihin, on livevalidation.com

Kirjasto on varustettu joukko menetelmiä, jotka ratkaisevat yleisin sarjan validointi, mutta voit myös luoda mukautettuja validointi yksinkertaisesti yhdistämällä työkalujen tarjoamia kirjasto.

LiveValidation on saatavana kahtena eri versiona:

  • stand-alone;
  • ja yksi perustuu prototyyppi.
Molemmat tietenkin ovat täysin modernit selaimet.
Tässä artikkelissa aiomme rakentaa itsenäisen version, jota voi käyttää turvallisesti yhdessä muiden kirjastojen tai kehyksiä.

Voit sisällyttää kirjaston riittää sisällyttää se sivuillemme HTML-JavaScript ulkopuolella tavallista muistutus:

 



 <script type="text/javascript" src="livevalidation_standalone.js"> </ script>

 
Ennen nähdä esimerkkejä ja niiden koodia, on tärkeää muistaa, että validointi suoritetaan LiveValidation on client-side validointi, joten se korvaa server-side validointi, joka on aina läsnä, jotta vältettäisiin epäjohdonmukainen tai virheellisiä tietoja !
LiveValidation on siis katsottava osa (tärkeä) suuremman työn tarkastusta ja valvontaa luovuttamien tietojen syöttää järjestelmään käyttäjää.

Yleensä validointi kentän tapahtuu luomalla esine LiveValidation, joka ei tee muuta kuin valita kentän joita kutsutaan ID sille:

 



 var elementti = uusi LiveValidation ("elemento_da_validare");

 
Voit myös tartuttaa muita parametreja rakentamisen objektin, esimerkiksi viesti, joka näyttää oikean validointi esineen tai odotusaika (millisekunteina) aloittaa validointi (kun käyttäjä on lopettanut kirjoittamisen teksti). Katsotaanpa esimerkki:





 var elementti = uusi LiveValidation ("elemento_da_validare", {



  



 validMessage: "Koottu onnistuneesti!"



  



 odota: 500







 });



Alla kuva, jossa on kaksi esimerkkiä validointi viestit:

Samassa luokassa ...
E-Learning
CSS (kurssi) CSS (kurssi)
Web Design and Accessibility mukaan W3C CSS ja XHTML. Alkaen 29 €.
HTML (kurssi) HTML (kurssi)
Merkkauskieli Web alkaen 29 €.
Javascript (kurssi) Javascript (kurssi)
Täydellinen opas client-side scripting. Alkaen 39 €.
Sponsoroidut linkit