JQuery错误数组列表项添加跳转链接到表单标签

Posted 2023-03-16

【中文标题】JQuery错误数组列表项添加跳转链接到表单标签

【英文标题】：JQuery error array list items adding jump links to form labels

【发布时间】：2016-06-29 12:07:56

【问题描述】：

我有一个表单标签列表被推送到一个数组中，该数组将在页面顶部显示为错误列表反馈消息。我想让每个列表项成为一个链接，该链接将跳转到相关的表单字段。如何更新以下代码以添加指向关联表单元素的数组项的链接？ 到目前为止，我有以下代码：

var errorsArray = [];
var errorFree = true;

$('#SubmitButton').click(function(event) 

$( ".Required" ).each(function()  // Validate required form elements

// if statements handling various validations, only included one basic example. 
if ($(this).next().is(':input') && !$(this).next().val()  //validating field
  var fieldName = $(this).text();
  errorsArray.push(fieldName); 
  errorFree = false;    


if (!errorFree) // If errors exist: value is false

  var list = '<ul class="errorList"><li class="errorListItem">' + errorsArray.join('</li><li class="errorListItem">') + '</li></ul>';

  $('<div id="MainAlertMessage"><p class="errorAlert">Please check the following information:</p><br>' + list + '</div>').insertAfter($('#FormTitle'));

  errorsArray.length = 0;

 else 
  alert('No errors: Form will be submitted'); // Form is ready to be submitted


);
);

【参考方案1】：

我想通了：

刚刚为每个表单元素 ID 创建了一个变量：

var alertID = $(this).next().attr('id');

然后使用这个变量我可以将命名的锚链接添加到数组中。

errorsArray.push('<a href="#'+ alertID +'">' + fieldName + '</a>');