CodeΕπικύρωση Φόρμας Igniter 4 & Υποβολή Φόρμας με Παράδειγμα

φόρμα CodeΑνάφλεξη 4

Οι φόρμες παρέχουν στους χρήστες έναν τρόπο αλληλεπίδρασης με την εφαρμογή και υποβολής δεδομένων. Μια φόρμα μπορεί να χρησιμοποιηθεί ως φόρμα επικοινωνίας, την οποία μπορεί να συμπληρώσει ένας επισκέπτης του ιστότοπου και να μας στείλει τις πληροφορίες. Οι πληροφορίες που λαμβάνονται συνήθως αποθηκεύονται στη βάση δεδομένων ή αποστέλλονται μέσω email.

Δομή φόρμας HTML

Ο παρακάτω κώδικας δείχνει τη δομή μιας τυπικής φόρμας HTML.

<form id="frmUsers" name="frmUsers" method="POST" action="create_user.php">
<input type="text" id="user_id" name="user_id">
<input type="password" id="password" name="password">

<input type="submit" value="Submit">
</form>

Εδώ:

• … είναι οι ετικέτες ανοίγματος και κλεισίματος της φόρμας. Τα χαρακτηριστικά id και name καθορίζουν το όνομα και το id της φόρμας. Το χαρακτηριστικό method καθορίζει το ρήμα HTTP που θα χρησιμοποιηθεί, συνήθως POST.
• καθορίζει τα στοιχεία της φόρμας. Το χαρακτηριστικό name είναι το όνομα της μεταβλητής που υποβάλλεται στον διακομιστή backend για επεξεργασία.

CodeΒοηθός φόρμας Igniter

Η HTML είναι εύκολη στην κατανόηση και τη σύνταξη, αλλά CodeIgniter κάνει τα πράγματα ακόμα πιο απλά. CodeΤο Igniter έχει ενσωματωμένες συναρτήσεις για τη δημιουργία φορμών HTML. Ας εξετάσουμε τα εξής: CodeΚώδικας φόρμας Igniter που χρησιμοποιεί τον βοηθό φόρμας για τη δημιουργία μιας φόρμας:

<?php
echo form_open('create_user.php', ['id' => 'frmUsers']);

echo form_label('User Id', 'user_id');
echo form_input(['name' => 'user_id']);

echo form_label('Password', 'password');
echo form_input(['type' => 'password', 'name' => 'password']);

echo form_submit('btnSubmit', 'Create User');

echo form_close();
?>

Εδώ:

• echo form_open('create_user.php', ['id' => 'frmUsers']); δημιουργεί την ετικέτα ανοίγματος της φόρμας, ορίζει τη μέθοδο σε POST και ορίζει την ενέργεια URL στο create_user.php.
• echo form_label('User Id', 'user_id'); δημιουργεί μια ετικέτα που διαβάζει το User Id για το πεδίο εισαγωγής με όνομα user_id.
• echo form_input(['name' => 'user_id']); δημιουργεί ένα πεδίο εισαγωγής κειμένου με το όνομα user_id.
• echo form_submit('btnSubmit', 'Δημιουργία Χρήστη'); δημιουργεί ένα κουμπί υποβολής με την ετικέτα Δημιουργία Χρήστη.
• echo form_close(); κλείνει τη φόρμα.

Όπως μπορείτε να δείτε, οι βοηθοί φορμών διευκολύνουν τη δημιουργία φορμών χρησιμοποιώντας καθαρή PHP. Μεταβιβάζοντας χαρακτηριστικά στις μεθόδους βοηθού φορμών, μπορούμε να προσαρμόσουμε τον HTML που δημιουργείται για τη φόρμα. Ο παραπάνω κώδικας δημιουργεί τον ακόλουθο κώδικα φόρμας HTML:

<form action="http://localhost:3000/index.php/create_user.php" id="frmUsers" method="post" accept-charset="utf-8">
<label for="user_id">User Id</label>
<input type="text" name="user_id" value=""/>

<label for="password">Password</label>
<input type="password" name="password" value=""/>

<input type="submit" name="btnSubmit" value="Create User"/>
</form>

Το μεγαλύτερο πλεονέκτημα της χρήσης του βοηθού φόρμας είναι ότι δημιουργεί σημασιολογικά σωστό κώδικα που συμμορφώνεται με τα πρότυπα HTML. Μπορείτε να ανατρέξετε στο επίσημο CodeΤεκμηρίωση ανάφλεξης για περισσότερες λεπτομέρειες: https://codeigniter.com/user_guide/helpers/form_helper.html.

CodeΠαράδειγμα φόρμας ανάφλεξης

Αφού καλύψουμε τα βασικά του CodeIgniter, ας επιστρέψουμε στο εκπαιδευτικό μας έργο, στο οποίο εργαζόμασταν καθ' όλη τη διάρκεια αυτού του CodeΣειρά εκπαιδευτικών σεμιναρίων για το IgniterΣυνοπτικά, το εκπαιδευτικό έργο δημιουργεί μια εφαρμογή διαχείρισης επαφών που αποθηκεύει τις λεπτομέρειες στη βάση δεδομένων.

Δημιουργία επαφής

Στο προηγούμενο σεμινάριο, δημιουργήσαμε διαδρομές για την εφαρμογή μας και απλές προβολές. Ανοίξτε το application/views/contacts/create.php και τροποποιήστε τον κώδικα για το create.php ως εξής:

<div class="column">
<h2 class="title">Create Contact</h2>
<form action="<?= base_url('contacts/store') ?>" method="POST">
<div class="field">
<label class="label">Contact Name</label>
<div class="control">
<input id="name" name="name" class="input" type="text" placeholder="Type the contact name">
</div>
</div>
<div class="field">
<label class="label">Contact Number</label>
<div class="control">
<input id="name" name="name" class="input" type="text" placeholder="Type the contact number">
</div>
</div>
<div class="field">
<label class="label">Email Address</label>
<div class="control">
<input id="email" name="email" class="input" type="email" placeholder="Type the email address">
</div>
</div>
<div class="field is-grouped">
<div class="control">
<button class="button is-link">Save Contact</button>
</div>
</div>
</form>
</div>

Σημείωση: Ο παραπάνω κώδικας χρησιμοποιεί απλή HTML για τη δημιουργία της φόρμας. Ας δούμε τώρα πώς φαίνεται η φόρμα μας στο πρόγραμμα περιήγησης ιστού. Φορτώστε τα ακόλουθα URL στο πρόγραμμα περιήγησής σας στο διαδίκτυο: http://localhost:3000/contacts/createΕάν δημιουργούσατε το εκπαιδευτικό έργο, θα πρέπει να δείτε τα εξής:

Επικύρωση φόρμας σε CodeIgniter

Η επικύρωση παίζει πολύ κρίσιμο ρόλο κατά την επεξεργασία δεδομένων από φόρμες. Ας υποθέσουμε ότι ένας χρήστης εγγράφεται σε έναν ιστότοπο. Θέλουμε να βεβαιωθούμε ότι συμπληρώνει τα απαιτούμενα στοιχεία του και μια έγκυρη διεύθυνση email. Εάν εργαζόμαστε με τιμές ημερομηνίας, θέλουμε να βεβαιωθούμε ότι τα εύρη ημερομηνιών είναι έγκυρα, επομένως δεν θα δεχτούμε ημερομηνία με 32 ημέρες σε έναν μήνα.

Η επικύρωση λύνει αυτά τα προβλήματα. CodeΗ επικύρωση του Igniter γίνεται σε δύο μέτωπα κατά την εργασία με εφαρμογές ιστού.

Η επικύρωση από την πλευρά του πελάτη γίνεται στο πρόγραμμα περιήγησης ιστού, συνήθως με HTML και JavaΣενάριο. Βελτιώνει την απόδοση επειδή όλα γίνονται στον πελάτη, επομένως δεν χρειάζεται να υποβάλλονται τα δεδομένα στον διακομιστή. Το μειονέκτημα είναι ότι ο χρήστης έχει τον έλεγχό τους. Αν βασίζεστε σε JavaΣενάριο για επικύρωση και ο χρήστης απενεργοποιεί JavaΣενάριο, η επικύρωσή σας θα αποτύχει.

Η επικύρωση από την πλευρά του διακομιστή γίνεται στον διακομιστή. Το μειονέκτημα είναι ότι ο χρήστης πρέπει να υποβάλει τα δεδομένα στον διακομιστή και να περιμένει την απόκριση, κάτι που χρησιμοποιεί πόρους δικτύου και ενδέχεται να υποβαθμίσει την απόδοση. Το κύριο πλεονέκτημα είναι ο μεγαλύτερος έλεγχος και η διασφάλιση ότι οι κανόνες επικύρωσης λειτουργούν ακόμη και αν ο χρήστης απενεργοποιήσει τους κανόνες. JavaΓραφή.

Μια καλύτερη στρατηγική είναι να χρησιμοποιήσετε την επικύρωση από την πλευρά του πελάτη ως κύρια στρατηγική και την επικύρωση από την πλευρά του διακομιστή ως εφεδρικό μηχανισμό.

Προσθήκη κανόνων επικύρωσης φορμών

CodeΤο Igniter διαθέτει ενσωματωμένη βιβλιοθήκη επικύρωσης. Η βιβλιοθήκη φορτώνεται χρησιμοποιώντας την ακόλουθη γραμμή:

$this->load->library('form_validation');

The CodeΗ βιβλιοθήκη επικύρωσης φορμών Igniter μπορεί να εκτελέσει ορισμένες από τις ακόλουθες ενέργειες:

• Ελέγξτε για υποχρεωτικά πεδία. Εξετάζει τις υποβληθείσες τιμές και επιστρέφει σφάλμα εάν ένα πεδίο που έχει επισημανθεί ως υποχρεωτικό δεν έχει τιμή.
• Επικύρωση τύπου δεδομένων – ορισμένα πεδία ενδέχεται να απαιτούν μόνο αριθμητικές τιμές. Εάν εντοπιστεί μη αριθμητική τιμή, η βιβλιοθήκη επιστρέφει σφάλμα και διακόπτει την υποβολή της φόρμας.
• Επικύρωση μήκους – ορισμένα πεδία απαιτούν έναν συγκεκριμένο ελάχιστο ή μέγιστο αριθμό χαρακτήρων. Η βιβλιοθήκη επικύρωσης χειρίζεται τέτοιες περιπτώσεις.
• Απολύμανση δεδομένων – η βιβλιοθήκη μπορεί να αφαιρέσει κακόβουλο κώδικα από τα υποβληθέντα δεδομένα για λόγους ασφαλείας. Εάν οι υποβληθείσες τιμές έχουν ενεργές JavaΣενάριο ή κώδικας SQL injection, η βιβλιοθήκη αφαιρεί τον επιβλαβή κώδικα και τον καθιστά άχρηστο.
• Επικύρωση μοναδικών πεδίων βάσης δεδομένων – ας υποθέσουμε ότι έχετε μια φόρμα εγγραφής που χρησιμοποιεί μια διεύθυνση ηλεκτρονικού ταχυδρομείου και θέλετε να βεβαιωθείτε ότι η διεύθυνση είναι μοναδική. Η βιβλιοθήκη διευκολύνει τον έλεγχο των υποβληθέντων δεδομένων σε σχέση με έναν πίνακα και ένα πεδίο βάσης δεδομένων.

Οι κανόνες επικύρωσης ορίζονται χρησιμοποιώντας την ακόλουθη μορφή:

$this->form_validation->set_rules('field','human readable field','rule',['custom message']);

Εδώ:

• Το 'field' καθορίζει το όνομα του πεδίου της φόρμας που θα επικυρωθεί από τη βιβλιοθήκη.
• Το «πεδίο αναγνώσιμο από άνθρωπο» καθορίζει τη μορφή του πεδίου που είναι αναγνώσιμη από άνθρωπο, η οποία εμφανίζεται στον χρήστη όταν παρουσιαστεί σφάλμα.
• Ο όρος «κανόνας» καθορίζει τον κανόνα επικύρωσης που θα εφαρμοστεί, όπως απαιτούμενο, αριθμητικό ή ελάχιστο μήκος.
• Το ['προσαρμοσμένο μήνυμα'] είναι προαιρετικό και μπορεί να ορίσει ένα προσαρμοσμένο μήνυμα επικύρωσης που θα εμφανίζεται όταν ο κανόνας αποτυγχάνει.

Το παρακάτω είναι μια CodeΠαράδειγμα Igniter για την επικύρωση του αριθμού επικοινωνίας:

$this->form_validation->set_rules('contact_number', 'Contact Number', 'required');

Εδώ:

• Ο παραπάνω κώδικας ελέγχει αν έχει εισαχθεί το πεδίο contact_number. Εάν δεν έχει οριστεί, επιστρέφει ένα σφάλμα που αναφέρει ότι το πεδίο Contact Number είναι υποχρεωτικό.

Για να εκτελέσουμε την επικύρωση σύμφωνα με τους καθορισμένους κανόνες, χρησιμοποιούμε την ακόλουθη συνάρτηση της βιβλιοθήκης επικύρωσης:

$this->form_validation->run()

Εάν ο παραπάνω κώδικας επιστρέψει την τιμή false, τότε ένας ή περισσότεροι κανόνες που έχουν οριστεί έχουν αποτύχει. Εάν επιστρέψει true, τότε όλοι οι κανόνες επικύρωσης έχουν περάσει και μπορείτε να προχωρήσετε σε περαιτέρω ενέργειες.

Ας δούμε περισσότερα παραδείγματα κανόνων επικύρωσης. Ας υποθέσουμε ότι θέλετε να επικυρώσετε πολλά πεδία, όπως το όνομα, τον αριθμό και τη διεύθυνση ηλεκτρονικού ταχυδρομείου της επαφής. Μπορείτε να χρησιμοποιήσετε τον ακόλουθο κώδικα:

$rules = array(
array(
'field' => 'contact_name',
'label' => 'Contact Name',
'rules' => 'required'
),
array(
'field' => 'contact_number',
'label' => 'Contact Number',
'rules' => 'required',
'errors' => array(
'required' => 'You must provide a %s.',
),
),
array(
'field' => 'email_address',
'label' => 'Email Address',
'rules' => 'required'
)
);

$this->form_validation->set_rules($rules);

Εδώ:

• Στο παραπάνω παράδειγμα, παρέχουμε μια σειρά πεδίων με κανόνες για τη συνάρτηση set_rules της βιβλιοθήκης. Αυτό διευκολύνει την επικύρωση πολλών πεδίων.

Μοναδική επικύρωση

Αν θέλουμε να επικυρώσουμε τον αριθμό επικοινωνίας για να βεβαιωθούμε ότι δεν θα αποθηκεύσουμε τον ίδιο αριθμό δύο φορές, μπορούμε να χρησιμοποιήσουμε τον ακόλουθο κανόνα:

$this->form_validation->set_rules('contact_number', 'Contact Number','required|is_unique[contacts.contact_number]');

Εδώ:

• | χρησιμοποιείται για τη σύνδεση πολλαπλών κανόνων.
• Το is_unique[contacts.contact_number] ελέγχει εάν η τιμή του contact_number είναι μοναδική σε σχέση με τις τιμές του πεδίου contact_number στις επαφές του πίνακα της βάσης δεδομένων.

Εμφάνιση μηνυμάτων σφάλματος επικύρωσης φόρμας

Εάν παρουσιαστεί κάποιο σφάλμα κατά την επεξεργασία της φόρμας, μπορείτε να χρησιμοποιήσετε τον ακόλουθο κώδικα για να εμφανίσετε τα σφάλματα επικύρωσης:

<?php echo validation_errors(); ?>

Εδώ:

• Η παραπάνω συνάρτηση επιστρέφει όλα τα σφάλματα που προέκυψαν.

Συμπλήρωση δεδομένων φόρμας που έχουν υποβληθεί: κολλώδεις φόρμες

Ορισμένες φόρμες έχουν πολλά πεδία και, εάν παρουσιαστεί κάποιο σφάλμα, θέλετε να βεβαιωθείτε ότι τα δεδομένα που προστέθηκαν σωστά έχουν διατηρηθεί. Η βιβλιοθήκη επικύρωσης διαθέτει μηχανισμούς για την επίτευξη αυτού του στόχου, χρησιμοποιώντας τον ακόλουθο κώδικα:

<?php echo set_value('field_name'); ?>

Εδώ:

• Ο παραπάνω κώδικας εμφανίζει τα δεδομένα που εισάγει ο χρήστης.

Για έναν πλήρη οδηγό αναφοράς σχετικά με τις μεθόδους που είναι διαθέσιμες στη βιβλιοθήκη επικύρωσης, ανατρέξτε στην τεκμηρίωση API στην επίσημη έκδοση. CodeΟδηγός χρήσης του αναφλεκτήρα: https://codeigniter.com/userguide3/libraries/form_validation.html.

CodeΠαράδειγμα επικύρωσης φόρμας ανάφλεξης

Σε όλη αυτή τη σειρά εκπαιδευτικών προγραμμάτων, προσθέταμε κώδικα στο εκπαιδευτικό μας έργο, μια εφαρμογή διαχείρισης επαφών. Σε αυτήν την ενότητα, θα φορτώσουμε τη βιβλιοθήκη επικύρωσης και θα δούμε πώς να την εφαρμόσουμε στην πράξη σε ένα πραγματικό παράδειγμα. Τροποποιήστε τον κώδικα των διαδρομών ως εξής για να συμπεριλάβετε τη μέθοδο αποθήκευσης:

$route['default_controller'] = 'welcome';
$route['contacts'] = 'contacts';
$route['create'] = 'contacts/create';
$route['store'] = 'contacts/store';
$route['edit/:id'] = 'contacts/edit';
$route['update/:id'] = 'contacts/update';
$route['delete/:id'] = 'contacts/delete';
$route['users'] = 'welcome/users';

Ας φορτώσουμε τώρα τη βιβλιοθήκη επικύρωσης φορμών στον ελεγκτή Επαφών και ας ορίσουμε ορισμένους κανόνες επικύρωσης. Τροποποιήστε τον κώδικα όπως φαίνεται παρακάτω:

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Contacts extends CI_Controller {

public function __construct() {
parent::__construct();
$this->load->helper('url', 'form');
$this->load->library('form_validation');
}

public function index() {
$this->load->view('header');
$this->load->view('contacts/index');
$this->load->view('footer');
}

public function create() {
$this->load->view('header');
$this->load->view('contacts/create');
$this->load->view('footer');
}

public function store() {
$rules = array(
array(
'field' => 'contact_name',
'label' => 'Contact Name',
'rules' => 'required'
),
array(
'field' => 'contact_number',
'label' => 'Contact Number',
'rules' => 'required',
'errors' => array(
'required' => 'You must provide a %s.',
),
),
array(
'field' => 'email_address',
'label' => 'Email Address',
'rules' => 'required'
)
);

$this->form_validation->set_rules($rules);

if ($this->form_validation->run() == FALSE) {
$this->load->view('header');
$this->load->view('contacts/create');
$this->load->view('footer');
} else {
redirect(base_url('contacts'));
}
}

public function edit($id) {
$this->load->view('header');
$this->load->view('contacts/edit');
$this->load->view('footer');
}

public function update($id) {
$this->load->view('header');
$this->load->view('contacts/update');
$this->load->view('footer');
}

public function delete($id) {
$this->load->view('header');
$this->load->view('contacts/delete');
$this->load->view('footer');
}
}

Εδώ:

• Η $rules = array(…) ορίζει τους κανόνες επικύρωσης.
• $this->form_validation->set_rules($rules); ορίζει τους κανόνες επικύρωσης.
• αν ($this->form_validation->run() == FALSE) {…} εκτελεί τους κανόνες επικύρωσης και αν αποτύχουν, η φόρμα εμφανίζεται ξανά με σφάλματα επικύρωσης. Εάν η επικύρωση είναι επιτυχής, ανακατευθύνουμε στη σελίδα λίστας επαφών. Υπό κανονικές συνθήκες θα γράφαμε τα δεδομένα στη βάση δεδομένων, κάτι που κάνουμε στο επόμενο σεμινάριο. βάσεις δεδομένων.

Τροποποιήστε την προβολή δημιουργίας στο application/views/contacts/create.php όπως φαίνεται παρακάτω:

<div class="column">
<h2 class="title">Create Contact</h2>
<div class="notification is-danger">
<?php echo validation_errors(); ?>
</div>
<form action="<?= base_url('contacts/store') ?>" method="POST">
<div class="field">
<label class="label">Contact Name</label>
<div class="control">
<input id="contact_name" name="contact_name" class="input" type="text" value="<?php echo set_value('contact_name'); ?>" placeholder="Type the contact name">
</div>
</div>
<div class="field">
<label class="label">Contact Number</label>
<div class="control">
<input id="contact_number" name="contact_number" class="input" type="text" value="<?php echo set_value('contact_number'); ?>" placeholder="Type the contact number">
</div>
</div>
<div class="field">
<label class="label">Email Address</label>
<div class="control">
<input id="email_address" name="email_address" class="input" type="email" value="<?php echo set_value('email_address'); ?>" placeholder="Type the email address">
</div>
</div>
<div class="field is-grouped">
<div class="control">
<button class="button is-link">Save Contact</button>
</div>
</div>
</form>
</div>

Εδώ:

• εμφανίζει τα σφάλματα που προκύπτουν, εάν υπάρχουν, κατά τη διαδικασία επικύρωσης.
• ορίζει την τιμή που είχε εισαχθεί προηγουμένως, εάν υπάρχει.

Φορτώστε τα ακόλουθα URL στο πρόγραμμα περιήγησής σας στο web και, στη συνέχεια, κάντε κλικ στην επιλογή Δημιουργία επαφής χωρίς να εισαγάγετε τιμές:

Συχνές Ερωτήσεις