Notes

$(document).ready(function () {
var rowIndex = 0;

// Add button click event
$("#addbutton").click(function () {
// Your existing code for adding rows...
// Retrieve values from form fields
var expType = $("#ExpType").val();
var orgName = $("#org").val();
var designation = $("#Designation").val();
var fromDate = $("#txtFromDate").val();
var toDate = $("#txtToDate").val();
var description = $("#Description").val();

// Check if all fields are filled
if (expType && orgName && designation && fromDate && toDate && description) {
// Calculate duration
var fromdate = new Date(fromDate);
var todate = new Date(toDate);
var duration = Math.floor((todate - fromdate) / (1000 * 60 * 60 * 24 * 30));

if (duration < 36 || duration === '' || duration === undefined) {
alert("You must have Minimum 3 Years Experience in Ms Office and Database Software.");
return false;
}

// Append new row to the table with form field values
var newRow = "<tr data-index='" + rowIndex + "'>" +
"<td>" + expType + "</td>" +
"<td>" + orgName + "</td>" +
"<td>" + designation + "</td>" +
"<td>" + fromDate + "</td>" +
"<td>" + toDate + "</td>" +
"<td>" + description + "</td>" +
"<td>" + duration + "</td>" +
"<td><input type='button' class='btn arrow remove' value='Remove'></td>" +
"</tr>";

$("#experienceTable2").append(newRow);
rowIndex++;

// Clear form fields after adding
$("#ExpType").val("");
$("#org").val("");
$("#Designation").val("");
$("#txtFromDate").val("");
$("#txtToDate").val("");
$("#Description").val("");
}
});

// Next button click event
$("#btnNextSubmit").click(function () {
// Store row data in hidden field
var rowsData = $("#experienceTable2 tbody").html();
$("#hiddenRowsData").val(rowsData);
});

// Remove button click event
$("table").on("click", ".remove", function () {
$(this).closest("tr").remove();
});

// Reload dynamically added rows on page load
var storedRowsData = $("#hiddenRowsData").val();
if (storedRowsData) {
$("#experienceTable2 tbody").html(storedRowsData);
}
});