如何在追加的行中显示来自validate()的错误
在前端开发中，如果我们需要在追加的行中显示来自validate()的错误，可以按照以下步骤进行操作：
- 首先，在前端页面中创建一个用于显示错误信息的容器，可以是一个div元素或者其他合适的HTML元素。
- 在validate()函数中进行表单验证，并将错误信息存储在一个数组或者对象中。
- 在追加行的逻辑中，判断validate()函数返回的错误信息是否为空。如果不为空，说明有错误发生。
- 如果有错误发生，将错误信息逐个取出，并将其显示在之前创建的错误信息容器中。可以使用innerHTML或者innerText属性将错误信息插入到容器中。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>追加行显示错误信息示例</title>
<style>
.error {
color: red;
}
</style>
</head>
<body>
<form id="myForm">
<table id="myTable">
<tr>
<td><input type="text" name="name" placeholder="姓名"></td>
<td><input type="text" name="age" placeholder="年龄"></td>
</tr>
</table>
<button type="button" onclick="addRow()">追加行</button>
<button type="button" onclick="validateForm()">提交</button>
</form>
<div id="errorContainer"></div>
<script>
function addRow() {
var table = document.getElementById("myTable");
var row = table.insertRow(-1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = '<input type="text" name="name" placeholder="姓名">';
cell2.innerHTML = '<input type="text" name="age" placeholder="年龄">';
}
function validateForm() {
var form = document.getElementById("myForm");
var errorContainer = document.getElementById("errorContainer");
errorContainer.innerHTML = ""; // 清空之前的错误信息
var errors = []; // 存储错误信息的数组
// 表单验证逻辑
var inputs = form.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].value === "") {
errors.push(inputs[i].name + "不能为空");
}
}
// 显示错误信息
if (errors.length > 0) {
for (var j = 0; j < errors.length; j++) {
var errorDiv = document.createElement("div");
errorDiv.className = "error";
errorDiv.innerText = errors[j];
errorContainer.appendChild(errorDiv);
}
}
}
</script>
</body>
</html>在上述示例中，我们创建了一个表单，其中包含一个用于显示错误信息的div容器。点击"追加行"按钮可以动态地在表格中追加一行输入框。点击"提交"按钮会触发validateForm()函数进行表单验证，并将错误信息显示在错误信息容器中。
这个示例中没有涉及具体的云计算相关内容，因此无法提供腾讯云相关产品和产品介绍链接地址。如果需要在云计算环境中进行类似的操作，可以考虑使用腾讯云的云函数（Serverless）服务，结合前端框架（如Vue.js、React等）进行开发。
相关·内容
您好，我在控制器中显示来自validate()函数的错误消息时遇到了问题。按照我的建议，我把这个 @if ($errors->any())@endif 然后寄出表格。."
] 现在我的问题是如何将其放入我的动态行中？这是我的初始表格行， <td><input class=&qu
浏览 19提问于2019-04-05得票数 0
使用JQuery Validate，我可以轻松地设置出错时的消息：如何在没有错误时将此消息设置为默认消息，并在出现错误时设置另一条消息？$('#form').validate({
浏览 0提问于2011-07-14得票数 1
我有一组复选框，由于与另一个平台的集成，它们必须有单独的名称，尽管它们都是相关的。span class="required-mark">*</span></label>
<span><input type="checkbox" name="Field5" class="validate这让我相信我需要一个定制的方法。，如何在屏幕上只
浏览 2提问于2017-11-06得票数 1
回答已采纳
主干的文档指出，wrapError将“用回退错误事件包装可选的错误回调”，这是正确的。此外，我还了解到，在库中从提取、保存、销毁和重置函数中调用Backbone.wrapError 4次，以确保库不会忽略AJAX错误。例如，如果一个AJAX错误回调被传递到fetch方法中，那么它将与传递的几个参数一起执行，如果没有，模型将触发一个错误事件，其传递的参数也相同。re
浏览 2提问于2012-09-12得票数 3
回答已采纳
1回答
它工作得很好..但问题是，它会在同一行的表单字段旁边显示错误消息。我想在文本字段下面显示此错误消息，如。我不想在验证函数中重新定义错误消息。最短的路是什么？我像这样应用插件：谢谢
浏览 0提问于2011-10-01得票数 1
回答已采纳
2回答
我已经用Python写了一个如下所示的函数。如果用户正确地选择了假日开始日期和假日结束日期，它将接受，否则它将显示错误消息，如“错误:输入无效的日期或时间”，如图3所示。
def _date_start_end_validate(self, cr, uid, ids, context=None): return False
浏览 0提问于2015-09-21得票数 1
1回答
对于terraform和aws，是否有任何方法验证建议的新安全组在语法上是正确的？所发生的是，我被要求审查安全组添加和更改，但我没有花太多的时间处理地形。我已经了解了这些sg模块在main.tf、output.tf和variable.tf中应该看到什么的基础知识。一旦我批准了github中的模块更改，它就会被提交并合并到vpc存储库的其余部分。在某个时候，将运行一个terrform计划，这将显示出任何错误</
浏览 1提问于2018-02-03得票数 0
当按下Save按钮时，应该验证来自actionsDialog的数据。如果输入了所需的信息并有效，将显示第二个名为reasonDialog的对话框。保存的对象的非JSF验证是使用返回错误消息列表的方法完成的。如果验证失败，则使用FacesMessage显示错误消息。我应该如何在objectsBean.validate中触发
浏览 3提问于2013-01-18得票数 16
回答已采纳
我对熊猫使用jupyter笔记本，我想在一个大文件中找到我选择的一个重复单词，然后选择行并将其粘贴或附加到另一个文本文件中，例如用“test”这个词。linethis is a test fourth sample line并获得一个新的文本文件，只显示单词"test“所在的行：this
浏览 4提问于2021-10-12得票数 0
回答已采纳
如何在python3中写入文件，使您的新输入存储在同一文件中，但存储在新行中，如果您使用追加模式，它将写入此新输入，而不包含空格。pass_file.write(f'{password}\n') with open('username.txt', mode='r')as user_file:
validate_u= user_file.rea
浏览 7提问于2020-07-25得票数 0
回答已采纳
1回答
我对拉里的验证有问题。对成员函数的调用在数组上失败()堆栈跟踪：
{
$query = $this->validate
浏览 1提问于2019-04-29得票数 5
回答已采纳
我正在使用教程，我已经并正在运行几个错误；我的简单web应用程序正在使用FlaskForm并试图验证信息，但是遇到了一些麻烦，特别是在函数validate_on_submit()上。这是我的python代码 name = StringField("What is your name?"methods=['GET', 'POST']) name = None
浏览 3提问于2017-01-17得票数 2
回答已采纳
</a> </p> cp:{ depends: function(element) {
if ($("inputretu
浏览 2提问于2013-08-13得票数 0
回答已采纳
2回答
jQuery验证帮助
、、、
function validate_proprty_price() if($("#proprty_price").val() == '')
{
浏览 3提问于2011-05-09得票数 2
下面是一个代码框，可以看到我的问题被复制：这是我的表格： {...register("confi
浏览 8提问于2021-12-19得票数 2
1回答
我想我可能快到了(感谢其他一些人的帮助)，但似乎仍然不能让我的推文循环显示一条一条 }); };
}
在我的控制台(Chrome)中，我得到了这个<e
浏览 1提问于2013-06-17得票数 0
回答已采纳
1回答
如何检查所有字段是否有效？
、、、、
此代码检查每个元素是否有效，并根据其情况追加css类。如果元素有效，它将从submit按钮(块发送方)中移除禁用的标记。但是，如果从有效元素中聚焦，则某些元素是有效的，而有些元素无效，则启用submit按钮。这是个问题。
如何检查所有元素？如果它们都是有效的，我可以启用提交按钮。$(document).on('focusout', 'input.validate, textarea.validate', func
浏览 1提问于2015-01-10得票数 2
回答已采纳
3回答
我试图显示来自数据库中的单一输入表单的数据。假设我有3行包含名为name的列。 <input value"<?php echo $row['name']; ?>"> 这就是我获取行的方式： <?> 那么如何在一个输入表单而不是三个表单中显示数据呢？如附件中的</e
浏览 61提问于2021-07-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
