在jQuery

Question

我有一个带有一些验证的表格（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;
  }
});

谢谢。

Answer 1

首先设置

msg = ""

一旦验证失败，请收集相应的失败消息。

msg += <your message>

最后，检查是否为msg === ""，然后提交表格。

如果消息不为空，请使用

显示消息

$("#err").text(msg)