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

Question

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

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 
} 

}); 
}); 

Answer 1

我已经想通了：

刚刚创建的每个表单元素ID的变量：

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

然后使用这个变量，我可以添加指向数组的指定锚链接。

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