Javascript: ReInitialize Global Variable без обновления страницы

Question

У меня есть страница, содержащая поля формы с меню. при нажатии кнопки поля формы должны быть проверены, а ошибки должны отображаться в строке таблицы в окне Modal.

Я объявила глобальную переменную для захвата ошибок в разных областях. Глобальная переменная является строкой, и ошибка добавляется как строки, как показано ниже.

Сначала я инициализирую глобальную переменную var gErrorTableRow = "";

Эта же переменная продолжает получать добавление к строке таблицы на основе ошибок конкретного имени поля, как показано ниже.

gErrorTableRow += '<tr><td>'+sFieldName+'</td><td>Enter Non Zero Value</td></tr>'; 

строка таблицы должна отображаться в окне Modal при нажатии кнопки.

Но переменная gErrorTableRow получает добавление с ошибками снова и снова даже после инициализации переменной if gErrorTableRow = ""; после показа модального окна., при нажатии кнопки.

Как инициализировать эту переменную gErrorTableRow без обновления страницы.

Я повторно отредактировал, основываясь на комментариях, надеюсь, что теперь я понятен.

Answer 1

Вы просто запустить код присвоив ему новое значение, например:

gErrorTableRow = ""; 

Answer 2

Кажется, что проблема с + в этой следующей строке

Оператор + также может быть использован для добавления (конкатенация).

gErrorTableRow += '<tr><td>'+sFieldName+'</td><td>Enter Non Zero Value</td></tr>'; 

Вы можете просто попробовать на

gErrorTableRow = '<tr><td>'+sFieldName+'</td><td>Enter Non Zero Value</td></tr>'; 

Answer 3

Вместо глобальной переменной, добавьте ошибки в их контейнер непосредственно. Когда пользователь нажимает кнопку, пуст контейнер и снова вставляет все ошибки проверки.

Что-то вроде этого:

function onButtonClick() { 
    var errorContainer = $('#error-container'); 
    $(errorContainer).empty(); 
    var errors = validateInput(); 
    $.each(errors, function (index, error) { 
     var row = $(document.createElement('tr')); 
     var fName = $(document.createElement('td')); 
     $(fName).text(sFieldName); 
     var eText= $(document.createElement('td')); 
     $(eText).text(error.Text); 
     $(row).append(fName); 
     $(row).append(eText); 
     $(errorContainer).append(row); 
    }); 
} 

Приведенный выше код предполагает, что у вас есть метод для проверки ввода и возвращает коллекцию ошибок.