Je le script JQuery suivant:Ce script Jquery peut-il être simplifié?
$(document).ready(function() {
// When the submit button of the new team form is clicked...
$('#new_team').submit(function() {
// Disable & rename the save button
$('input#save_button', this).attr('disabled', 'disabled').val('Saving...');
// Fade in the saving message
$("#saving-msg").fadeIn(200);
});
// Perform the AJAX request to the server
$('#new_team').ajaxForm({
url: "/teams/create.json",
type: "POST",
dataType: "json",
beforeSubmit: function(formData, jqForm, options) {},
success: function(response) {
if(response.success == true) {
// If no errors then redirect
window.location = "/teams/" + response.team_id;
} else {
// Enable and rename the save button
$('input#save_button').removeAttr('disabled').val('Save');
// Output errors
$("#error_messages").html(errorMessages(response)).hide().fadeIn(300);
// Fade out save message
$("#saving-msg").fadeOut(200);
// Scroll to the top
window.scrollTo(0,0);
}
}
}); });
est-il de toute façon de simplifier ce script et faire aussi réutilisable pour des formes différentes?
- Il n'y a jamais un formulaire sur une page
- Les boutons sont toujours étiquetés de la même
- Chaque forme a un identifiant unique
Merci!
Ce n'est pas vraiment une bonne pratique, mais puisqu'il n'y a qu'une seule forme, vous pouvez simplement utiliser le sélecteur $ ('form') pour référencer le formulaire. Ensuite, pour référencer le bouton en tant qu'enfant de cette forme, vous pouvez utiliser $ (this) .find ('input # save_button'). – user120242