jQuery JSP Capture-Element wird nach Aktion des Sendens festgelegt, um das CSS zu ändern

Question

Ich habe eine JSP, die jQuery hat und wollte die Aktion Nachricht CSS bei erfolgreicher Übermittlung ändern.

So habe ich eine Seite, in die ein Benutzer Informationen eingibt, Treffer reichen und dann ein span-Tag mit der Klasse actionMessage oder actionError am oberen Rand der Seite angezeigt wird (Nach dem Absenden). Wollte wissen, ob ich nach dem Einsenden der Seite nach dem Element suchen und CSS hinzufügen könnte, damit es so angezeigt wird, wie ich es möchte.

<span class="actionMessage">Yeah all go!</span> 

oder

<span class="actionError">Try again I didn't like that :(</span> 

Dank

Answer 1

können Sie die submit event verwenden Sie das Formular Vorlage zu behandeln.

$("form").submit(function() { 
    if (/* form_is_valid */) { 
    $(".actionMessage").show(); 
    $(".actionError").hide(); 
    return true; // Send the request to the server. 
    } else { 
    $(".actionError").show(); 
    $(".actionMessage").hide(); 
    return false; // Do not send the request. 
    } 
}); 

Ihre Nachricht Elemente standardmäßig sollte versteckt:

.actionMessage, .actionError { 
    display: none; 
} 

Wenn Sie die Anfrage an den Server, auch wenn die Anforderung gültig ist, nicht senden wollen, können Sie aus dem einreichen false zurück Event-Handler in diesem Fall auch.