Μέθοδος submit
Η μέθοδος submit μας επιτρέπει να εργαζόμαστε με το συμβάν
submit της JavaScript. Μας επιτρέπει να συνδέουμε
έναν χειριστή με το συμβάν submit της JavaScript ή
να ενεργοποιούμε αυτό το συμβάν σε ένα στοιχείο.
Σύνταξη
Μπορούμε να περάσουμε στη μέθοδο μια συνάρτηση-χειριστή, η οποία θα ενεργοποιείται κάθε φορά που εμφανίζεται το συμβάν, στην οποία μπορεί με τη σειρά της να μεταδίδεται ένα αντικείμενο συμβάντος:
.submit(συνάρτηση-χειριστής);
Σε αυτή την περίπτωση, η μέθοδος θα λειτουργεί ανάλογα
με την κατασκευή .on('submit', handler) της μεθόδου
on.
Επίσης, ως προαιρετική παράμετρο μπορούμε να περάσουμε στη μέθοδο ένα αντικείμενο με δεδομένα, τα οποία θα μεταδίδονται στη συνάρτηση-χειριστή:
.submit([δεδομένα συμβάντος], συνάρτηση-χειριστής);
Ή μπορούμε να μην περάσουμε καμία παράμετρο, τότε
η μέθοδος θα λειτουργεί ανάλογα με το .trigger('submit')
της μεθόδου trigger:
.submit();
Το συμβάν submit εμφανίζεται σε ένα στοιχείο, όταν
ο χρήστης, για παράδειγμα, πατάει στο κουμπί
'submit' σε μια φόρμα. Αυτό το συμβάν μπορεί
να προσαρτηθεί μόνο σε στοιχεία της ετικέτας form.
Το συμβάν submit εμφανίζεται σε ένα στοιχείο, όταν
ο χρήστης, για παράδειγμα, πατάει στο κουμπί
'submit' σε μια φόρμα. Αυτό το συμβάν μπορεί
να προσαρτηθεί μόνο σε στοιχεία της ετικέτας form.
Παράδειγμα
Στο επόμενο παράδειγμα έχουμε μια απλή φόρμα,
στην οποία θα συνδέσουμε έναν χειριστή συμβάντων χρησιμοποιώντας
τη μέθοδο submit, με ένα πεδίο κειμένου και
ένα κουμπί - input με τύπο submit. Ας
εισάγουμε κείμενο στο πεδίο κειμένου, και όταν πατάμε στο
κουμπί να ελέγχουμε αυτό το κείμενο. Αν εισάγουμε
'jQuery', τότε στο span θα εμφανίσουμε το κείμενο
'Καλό!', με τη βοήθεια των μεθόδων
text και
show,
και αν κάτι άλλο, τότε - 'Κακό...':
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Καλό!').show();
return;
}
$('span').text('Κακό...').show();
});
