Vahvista syötetyt tiedot käyttäjien kanssa jQuery ja PHP

Validate meidän client-side muodossa on tullut hyvin helppoa, koska jQuery, vaan olla aivan varmoja, että käyttäjän syöte on annettu aivan kuin he odottivat on hyvä kahtena Tutustu palvelimen puolella.

Mutta jos käytämme AJAX kommunikoida palvelimen kanssa (ja siis PHP esimerkiksi) voimme päättää siirtää kaikki tarkastukset suoraan palvelimelle.

Valmistelu esiintyminen

Tässä esimerkissä meidän on tietenkin jQuery, PHP ja jQuery UI on uskollinen

Tällä kirjoitettaessa jQuery UI paketti sisältää version 1.8.10 ja 1.4.4 kohdan jQuery käsikirjoituksen, joten älä periksi kiusaukselle käyttää uutta jQuery 1.5 jossa olen kuvaillut täällä ja "tyytyä" ehdotetun nippu.

Valitse aihe-neutraali teema rulla Ui :

Me sitten ladata mitä tarvitsemme:

Vuonna paketti on ladattu. "JS" hyödyllinen jQuery ja jQuery-ui-1.4.4.min.js-1.8.10.custom.min.js kansion sisällä js, css kansion sisällä on sama nimi ja voimme vapaasti itse kehitys-nippu kansio ja tiedosto index.html

Olemme rakenne kaikki puuraja ja se tulos osoittaa sen Eclipse :

Kuten näette kuvassa olemme lisänneet index.html tiedoston juureen, index.js vuonna JS ja CSS style.css, olemme myös luoneet kansio "PHP" ja tiedoston sisällä: sinun remote.php huolehtia palvelinpuolen validointi.

Skenaario

Kuvat tässä artikkelissa luoda yksinkertaisen lomakkeen hankkimiseen käyttäjän tiedot voidakseen tallentaa ne hypoteettinen tietokanta yhteystiedot.

Keskitymme validointi kentät käyttäjän antama eikä varsinainen tallennus, joka on riistäytynyt tarkoituksiin, sen on sitten tarpeeksi laittaa oikea asento tietokanta vaativat sisällyttämistä saatua tietoa. Tulemme käyttämään jQuery UI Component valintaikkuna varoittaa käyttäjää näyttämään, niin sinulla on jotain enemmän visuaalisesti miellyttäviä, moderneja klassikoita hälytys tarjoamia selaimen.

• <<
• 1
• 2
• 3
• 4
• >>