function deleteRow() {
if (rows != 1 && rows <= 5) {
$('#divsf.row').last().remove();
rows--;
}
}function addRow() {
if (rows < 5) {
rows++;
$('#main').append(_makeRow());
} else {
alert('ХВАТИТ');
}
}<div id="main"></div>
<button id="btn">добавить</button>
<script>
{literal}
rows = 0
addRow()
btn.addEventListener('click', addRow)
function addRow() {
if (rows < 5) {
rows++
main.innerHTML += _makeRow()
} else {
alert('ХВАТИТ')
}
}
function _makeRow() {
return ` <div class="row">
<div class="col-sm-2">
<div class="form-group">
<label>Признак<br>записи: </label>
<select name="sign_record" class="form-control">
<option value="main">Новая</option>
<option value="additional">Изменить</option>
</select>
</div>
</div>
<div class="col-sm-1">
<div class="form-group">
<label>Дата<br/>регистрации:</label>
<div class="form-group">
<input class="form-control input-sm"
id="registration_date" type="text" name="registration_date"
value="">
</div>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<label>Номер<br/> обращения:</label>
<input type="text" class="form-control input-sm" name="invoice_no_ext"
value="">
</div>
</div>
<div class="col-sm-1">
<div class="form-group">
<label>Дата<br/>обращения:</label>
<div class="form-group">
<input class="form-control input-sm"
id="registration_date" type="text" name="registration_date"
value="">
</div>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<label>Комментарий:</label>
<input type="text" class="form-control input-sm" name="ext_sum_without_vat"
>
</div>
</div>
<div class="col-sm-2">
<div class="form-group">
<label>ФИО</label>
<input type="text" class="form-control input-sm" name="ext_vat"
>
</div>
</div>
</div>
}
{/literal}
</script>
У меня происходит перезагрузка и выход со страницы