jQuery Girl
  1. jQuery Girl
  3. Le bouton Onsubmit ne fonctionne que pour 1 fonction.
Intereting Posts
Pourquoi je ne peux pas mettre à jour la valeur de mes propriétés d’object JavaScript? JQuery Datepicker Obtenir la date sélectionnée couleur en tant que variable JQuery dans la boucle for Peut-on utiliser un joker avec validateur jQuery jquery.unobtrusive-ajax.min provoquant un comportement étrange sur la vue jquery mousewheel plugin: comment activer une seule fonction par défilement Comment sélectionner une option dans un menu de sélection jQuery ui dynamicment? Survolez avec la parallaxe Obtenir du HTML interne sans rien échapper ou décoder avec jQuery Le widget Tripadvisor ne se charge pas lors du chargement de la page ajax UpdatePanel Slowness dans IE Commencer un téléchargement de fichier après une publication Empêcher l’enfant de déclencher l’événement de clic du parent J’utilise un peu de code jQuery pour permettre la création de boîtes par clic et glisser, comment puis-je les créer par programme? Les données JSOSN de la publication AJAX arrivent vides – codeigniter

Le bouton Onsubmit ne fonctionne que pour 1 fonction.

J’ai 2 fonctions en javascript, mais ne renvoie qu’une seule de l’erreur plutôt que les deux.

si je supprime une fonction, alors d’autres fonctionnent, mais si j’ai 2 fonctions, il n’en montre qu’une.

c’est mon javascript: 

function validateForm(event) { event = event || window.event || event.srcElement; var initialMonoReading = $('#InitialMonoReading').val(); var newMonoReading = $('#newMonoReading').val() if (~~newMonoReading < ~~initialMonoReading) { $('#MonoErrorMessage').text("New Mono Readings must be MORE than existing"); $('#MonoErrorMessage').show(); event.preventDefault(); } else { $('#MonoErrorMessage').hide(); } } function validateForm(event) { event = event || window.event || event.srcElement; var InitialColourReading = $('#InitialColourReading').val(); var newColourReading = $('#newColourReading').val() if (~~newColourReading < ~~InitialColourReading) { $('#ColourErrorMessage').text("New Colour Readings must be MORE than existing"); $('#ColourErrorMessage').show(); event.preventDefault(); } else { $('#ColourErrorMessage').hide(); } }

Ceci est ma soumission: 

  @using (Html.BeginForm("Save", "ReadingsEntry", FormMethod.Post, new { enctype = "multipart/form-data", onsubmit = "validateForm(event)"}))

Cela ne fonctionne que pour ColourErrorMessage. mais ignore MonoErrorMessage. quand il devrait montrer les deux erreurs ….

alors pourquoi est-il sauter l’une des fonctions

La déclaration de deux fonctions portant le même nom dans la même scope entraîne l’écrasement de la plus récente.

Le mieux est de faire ceci: 

 function validateForm(event){ validateMono(event) validateColor(event) //Or something to combine the results. } function validateMono(event) { event = event || window.event || event.srcElement; var initialMonoReading = $('#InitialMonoReading').val(); var newMonoReading = $('#newMonoReading').val() if (~~newMonoReading < ~~initialMonoReading) { $('#MonoErrorMessage').text("New Mono Readings must be MORE than existing"); $('#MonoErrorMessage').show(); event.preventDefault(); } else { $('#MonoErrorMessage').hide(); } } function validateColor(event) { event = event || window.event || event.srcElement; var InitialColourReading = $('#InitialColourReading').val(); var newColourReading = $('#newColourReading').val() if (~~newColourReading < ~~InitialColourReading) { $('#ColourErrorMessage').text("New Colour Readings must be MORE than existing"); $('#ColourErrorMessage').show(); event.preventDefault(); } else { $('#ColourErrorMessage').hide(); } }

Puis pour le HTML: 

 @using (Html.BeginForm("Save", "ReadingsEntry", FormMethod.Post, new { enctype = "multipart/form-data", onsubmit = "validateForm(event)"}))