Элемент jQuery JSP Capture устанавливается после действия отправки для изменения CSS

Question

У меня есть JSP, у которого есть jQuery, и я хотел изменить сообщение об ошибке CSS при успешной отправке.

Итак, у меня есть страница, на которую пользователь вводит информацию, нажимает на кнопку submit и затем в верхней части страницы отображается тег span с классом actionMessage или actionError (после отправки). Хотел узнать, смогу ли я проверить элемент после отправки страницы и добавить немного CSS, чтобы он отображался так, как мне хотелось бы.

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

или

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

Спасибо

Answer 1

Вы можете использовать событие отправки для обработки отправки формы.

$("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.
  }
});

По умолчанию элементы вашего сообщения должны быть скрыты:

.actionMessage, .actionError {
  display: none;
}

Если вы не хотите отправлять запрос на сервер, даже если запрос действителен, вы также можете вернуть false из обработчика события submit в этом случае.