Ich habe eine SVG-Karte einer Stadt, die beim Klicken ausgeblendete Elemente in einem Div in meinem Formular erstellt.

Ich benutze dasjQuery Validation Plugin um mein Formular zu validieren.

Um sicherzustellen, dass der Benutzer auf einen Bereich der Karte geklickt hat, habe ich mir überlegt, ein ausgeblendetes Dummy-Element dort zu erstellen, wo sich die normalen ausgeblendeten Elemente befinden, und die Validierungsregel darauf zu setzen. Ich habe meine eigene Validierungsregel geschrieben, um nach der Anzahl der ausgeblendeten Elemente zu suchen (was darauf hinweist, dass ein Benutzer irgendwo auf die Karte geklickt hat). Diese Regel lautet:

$.validator.methods.zones = function (value, element, param) {
   return ($('#search_form #zone-selectors input').length > 1); // 1 instead of 0 to account for the dummy element
};

<div id="zone-selectors">
  <input type="hidden" name="dummy">
</div>

Ich kann jedoch nicht zulassen, dass dieses Dummy-Element mit dem Rest des Formulars gesendet wird. Ich muss es entfernen, nachdem das Formular validiert wurde, aber bevor das Formular gesendet wird. Natürlich dachte ich, das @ zu verwendsubmitHandler Option fürvalidate():

// ...
submitHandler: function(form) {
   $(form).find('input[name=dummy]').remove();
   $(form).submit();
},
// ...

... aber dies scheint eine Endlosschleife zu erzeugen und mein Browser setzt das Skript außer Kraft. Was mache ich falsch