首页 > 解决方案 > 在动态添加的行的字段下方显示错误消息

问题描述

这是我的验证码:

$("tr.dynamicRow").each(function() {
  var a = $(this).find(".name").val();
  var b = $(this).find(".id").val();
  var c = $(this).find(".item").val();
  var d = $(this).find(".value").val();
  var e = $(this).find(".status").val();
  
  if (a === "") {
    valid = false;
    $(this).find(".name").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please select name</div>");
  }
  
  if (b === "") {
    valid = false;
    $(this).find(".id").after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please select id</div>");
  }
  
  if (c === "") {
    valid = false;
    $(this).find(".item").after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please select item</div>");
  }
  
  if (d === "") {
    valid = false;
    $(this).find(".value").after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please select value</div>");
  }
  
  if (e === "") {
    valid = false;
    $(this).find(".status").after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please select Status</div>");
  }
});

结果:消息显示在文本框旁边。
要求:要在字段下方显示的消息。(要使用 JQuery/Javascript)

请帮忙。

标签: jqueryvalidation

解决方案


推荐阅读