Показать все сообщения об ошибках одновременно в jQuery - PullRequest
0 голосов
/ 04 июля 2018

У меня есть форма с некоторыми проверками (jQuery). Они отображаются (сообщения об ошибках) одно за другим, если они очищены, но я хочу отобразить все соответствующие сообщения об ошибках, поля которых очищены.

Вот код:

$("#registrationForm").submit(function() {
  if ($("#familyId").val() == "0") {
    $("#imgerror").text("");
    $("#err").text("Please select family");
    $("#familyId").focus();
    $('html, body').animate({
      scrollTop: $("#top").offset().top
    }, 500);
    return false;

  }
  if ($("#occupationId").val() == "0") {
    $("#imgerror").text("");
    $("#err").text("Please select occupation");
    $("#occupationId").focus();
    $('html, body').animate({
      scrollTop: $("#top").offset().top
    }, 500);
    return false;

  }
  if ($("#stateId,#pstateId,#cstateId,#wstateId").val() == "") {
    $("#imgerror").text("");
    $("#err").text("Please select state");
    $("#stateId").focus();
    $('html, body').animate({
      scrollTop: $("#top").offset().top
    }, 500);
    return false;

  }
  if ($("#caste").val() == "") {
    $("#imgerror").text("");
    $("#err").text("Please select caste");
    $("#caste").focus();
    $('html, body').animate({
      scrollTop: $("#top").offset().top
    }, 500);
    return false;

  }
  if ($("#code").val() == "") {
    $("#imgerror").text("");
    $("#err").text("Please enter code");
    $("#code").focus();
    return false;

  }
  if ($("#pname").val() == "") {
    $("#imgerror").text("");
    $("#err").text("Please enter name");
    $("#pname").focus();
    $('html, body').animate({
      scrollTop: $("#top").offset().top
    }, 500);
    return false;
  }
});

Заранее спасибо.

1 Ответ

0 голосов
/ 04 июля 2018

В начале установите

msg = ""

Если проверка не пройдена, соберите соответствующее сообщение об ошибке.

msg += <your message>

В конце проверьте, если msg === "", а затем отправьте форму.

Если сообщение не пустое, отобразите сообщение, используя

$("#err").text(msg)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...