jquery - 在动态添加的行的字段下方显示错误消息
问题描述
这是我的验证码:
$("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)
请帮忙。
解决方案
推荐阅读
- psql - 如何使用 psql 将数据放入数据库
- c++ - 查找在螺旋矩阵中行进的 N 个正方形的坐标
- sql - 如何连接两个表并使用逗号分隔值创建一个附加列
- python - 如何在 AWS lambda 上导入熊猫?
- ubuntu-18.04 - 如何授予所有用户/在线客户端对 Ubuntu 服务器中特定文件夹的权限?
- python - 如何从列表中返回具有文档中出现次数的元素?
- c# - 如何在检查器中隐藏继承的公共变量?
- angular - 如何在 Visual Studio Code 中调试 Angular 多项目工作区
- spring - 如何使用 spring boot kotlin intellij 启用自动构建和自动重启
- fullcalendar - 具有不同持续时间的可拖动事件应与日历中显示的大小相同