Validere data indtastet af brugere med jQuery og PHP

Validere vores client-side form, er blevet let takket være jQuery, men at være helt sikker på, at bruger-input er stillet, som vi forventede, at være en god idé at kopiere tjekke de server side.

Men hvis vi bruger AJAX til at kommunikere med serveren (og dermed med PHP for eksempel) kan vi beslutte at uddelegere alle de kontrollerer direkte til serveren.

Forberedelse af forekomsten

For vores eksempel, naturligvis har vi brug for jQuery, PHP og jQuery Ui af de trofaste

På tidspunktet for at skrive jQuery UI pakken indeholder den version 1.8.10 af manuskriptet og jQuery 1.4.4, så du skal ikke give efter for fristelsen til at bruge den nye jQuery 1,5, som jeg har beskrevet her, og "nøjes" med den foreslåede pakke.

Vi vælger et tema neutral tema rulle Ui :

Vi derefter gå til at hente, hvad vi har brug for:

Vi finder i den downloaded pakke. "Js" nyttige jQuery og jQuery-ui-1.4.4.min.js-1.8.10.custom.min.js inde i mappen js, css ind i mappen, og vi kan slippe af samme navn udviklings-bundle mappen og filen som index.html

Vi struktur hele træet på en konsekvent og dette er resultatet viser det som Eclipse :

Som du kan se på billedet har vi tilføjet en index.html fil i roden, en index.js i js og css i style.css én, har vi også oprettet en mappe "php" med en fil indeni: at remote.php tage sig af server-side valideringer.

Scenariet

Forestil dig i denne artikel for at skabe en simpel formular til erhvervelse af bruger-data for at gemme dem i en hypotetisk database over kontakter.

Vi vil fokusere på validering af bruger-input felter, og ikke de faktiske data oplagring, som er uden for vores formål, så er det nok til at sætte i den korrekte position af en database opfordring til inddragelse af de indhentede oplysninger. Vi vil bruge jQuery UI dialogen komponent for at vise advarer brugeren, så du har noget mere visuelt tiltalende, moderne klassikere advarsel fra browseren.

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