Tässä artikkelissa, me opimme, miten vahvistaa päivämäärää jQuery. Eli käyttäjä on syöttää päivämäärä muodossa pp /kk /vvvv tai kk-pp-vvvv. Jos päivämäärästä ei vastaa joko muodossa, virheilmoitus näytetään.
HTML tiedosto "Vahvistetaan Päivämäärä kautta jQuery"
Tehkäämme HTML-tiedoston, joka näyttää muodossa sisältää etiketin, syöttää tekstikenttään, virheilmoitus ja Lähetä-painiketta. Tarran teksti on asetettu "Enter Syntymäaika" ja että virheilmoitus on 'Virheellinen Päivä'.
Nämä neljä kohdetta ovat myös määritetty luokan nimi kuin "label", "tietolaatikkomallineeseen", "virhe" ja "lähetä" vastaavasti. Näistä luokan nimiä, vastaavat luokkavalitsimet kirjoitettu ulkoista tyylisivua. HTML-tiedosto voi näkyä alla:
Kaikki neljä kohdetta edellä HTML-tiedoston osoitetaan kunkin luokan nimiä: etiketti, Infobox, errorand submitso että tyylin ominaisuudet määritellään luokkavalitsimien määritellyt ulkoista tyylisivua tyyli .csscan otetaan automaattisesti käyttöön nämä kohteet.
luokkavalitsimien määritelty tyylisivut ovat kuten alla:
style.
css
.label {float: vasemmalle ; leveys: 150px; }
.infobox {width: 200px; }
.error {color: red; padding-left: 10px; }
.submit {margin-left: 150px; margin-top: 10px;}
Koodi "Vahvistetaan Päivämäärä kautta jQuery"
jQuery koodi hyväksyä päivämäärä muodossa pp /kk /vvvv tai kk-pp -yyyy on kuin alla:
$ (document) .ready (toiminto () {
$ ('. virhe "). piilottaa ();
$ ('. submit ' ) .click (toiminto (tapahtuma) {
var data = $ ('. tietolaatikkomallineeseen ").
val ();
jos (validate_date (tiedot))
{
$ ('. virhe "). piilottaa ();
}
muu
{
$ ('. virhe ") .Show ();
event.preventDefault ();
}
});
});
toiminto validate_date (päivämäärä)
{
var malli = uusi regexp (/\\ b \\ d {1,2} [\\ /-] \\ d {1,2} [\\ /- ] \\ d {4} \\ b /);
paluu pattern.test (päivämäärä);
}
virheilmoitus näkymättömiksi alussa yllä jQuery koodi. Sitten klikkaa tapahtuma on kiinnitetty Lähetä-painiketta.
Jos käsittely toiminto napsautuksen, päivämäärästä jonka käyttäjä syöttää tekstikenttään (joka on suljettu span osa luokan nimi "tietolaatikkomallineeseen) haetaan ja tallennetaan" data "muuttuja. Datamuuttujan johdetaan validate_date () toiminto validointi. Sisältö "tietojen" muuttuja on määritetty