register: Fix hiding invalid feedback

Because the markup has changed, JS did not find the correct elements to
hide any more.

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/auth/register.html b/src/templates/auth/register.html
index fc17b5240bf80a23ef6bdf04d0b89f0510e9cbca..cf95ac69225f65c507cb79363d0ce1b029542c83 100644 (file)
--- a/src/templates/auth/register.html
+++ b/src/templates/auth/register.html
@@ -25,10 +25,10 @@
                                                        name="uid" placeholder="{{ _("Username") }}" required autofocus
                                                        pattern="[a-z_][a-z0-9_-]{3,31}">
                                        </div>
-                                       <div id="uid-invalid" class="invalid-feedback">
+                                       <div id="uid-invalid" class="invalid-feedback invalid-feedback-uid">
                                                {{ _("Please choose a username in UNIX format with at least four characters, starting with a lowercase letter, followed by only lowercase letters, digits, dash and underscore") }}
                                        </div>
-                                       <div id="uid-taken" class="invalid-feedback">
+                                       <div id="uid-taken" class="invalid-feedback invalid-feedback-uid">
                                                {{ _("This username is not available") }}
                                        </div>
                                </div>
@@ -52,13 +52,13 @@
                                <div class="form-group">
                                        <input type="email" class="form-control"
                                                name="email" placeholder="{{ _("Email Address") }}" required>
-                                       <div id="email-invalid" class="invalid-feedback">
+                                       <div id="email-invalid" class="invalid-feedback invalid-feedback-email">
                                                {{ _("This email address is invalid") }}
                                        </div>
-                                       <div id="email-blacklisted" class="invalid-feedback">
+                                       <div id="email-blacklisted" class="invalid-feedback invalid-feedback-email">
                                                {{ _("This email address cannot be used") }}
                                        </div>
-                                       <div id="email-taken" class="invalid-feedback">
+                                       <div id="email-taken" class="invalid-feedback invalid-feedback-email">
                                                {{ _("This email address is already in use") }}
                                        </div>
                                </div>
@@ -99,7 +99,7 @@
                                                valid.uid = false;
 
                                                // Hide all feedback
-                                               uid.siblings(".invalid-feedback").hide();
+                                               $(".invalid-feedback-uid").hide();
 
                                                switch (data.result) {
                                                        case "ok":
@@ -138,7 +138,7 @@
                                                valid.email = false;
 
                                                // Hide all feedback
-                                               email.siblings(".invalid-feedback").hide();
+                                               $(".invalid-feedback-email").hide();
 
                                                switch (data.result) {
                                                        case "ok":