Validere data lagt inn av brukere med jQuery og PHP

Validere vår klient-side formen har blitt veldig lett på grunn av jQuery, men for å være virkelig sikker på at brukerens input har blitt gitt like de var ventet er en god idé å duplisere sjekk ut server side.

Men hvis vi bruker AJAX til å kommunisere med serveren (og dermed med PHP for eksempel) kan vi beslutte å delegere alle kontrollene direkte til serveren.

Utarbeidelse av forekomst

For vårt eksempel, vi åpenbart trenger jQuery, PHP og jQuery Ui av de trofaste

I skrivende stund inneholder jQuery UI pakke versjon 1.8.10 og 1.4.4 av jQuery script, så ikke gi etter for fristelsen til å bruke den nye jQuery 1.5 som jeg har beskrevet her og "være fornøyd" av den foreslåtte bunt.

Velg et emne-nøytralt tema roller Ui :

Vi så gå å laste ned det vi trenger:

I pakken er lastet ned. "Js" nyttige jQuery og jquery-ui-1.4.4.min.js-1.8.10.custom.min.js inne i mappen js, css-mappen i samme navn, og vi kan frigjøre oss utviklings-bundle mappen og filen som index.html

Vi struktur alt i en tregrensen og det er resultatet viser det som Eclipse :

Som du kan se på bildet har vi lagt til en index.html fil i roten, en index.js i en js og css i style.css vi også opprettet en mappe "php" med en fil inni: du remote.php ta vare på server-side validering.

Scenariet

Bildene i denne artikkelen for å lage en enkel form for erverv av brukerdata for å lagre dem i en hypotetisk database med kontakter.

Vi vil fokusere på validering av feltene angitt av brukeren og ikke de faktiske dataene lagring, noe som er utenfor vårt formål, er det da nok til å sette i riktig posisjon av en database ringe for inkludering av informasjon som erverves. Vi vil gjøre bruk av jQuery Ui Component dialog varsler brukeren til å vise, så du har noe mer visuelt tiltalende, moderne klassikere varsle levert av nettleseren.

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