Вопрос к JScript гуру

[rgaraev]

Вот код, он как бы дополняет формы и т.д. что бы загружать от 1 файла до бесконечности, как сделать ограничения например до 20 максимум?

 

Заранее благодарен

 

<form>
<input type="button" class="button" value='{l_delone}' onClick="RemoveImages();return false;" /> 
<input type="button" class="button" value='{l_onemore}' onClick="AddImages();return false;" /><br /><br />
<script language="javascript" type="text/javascript">
function AddImages() {
var tbl = document.getElementById('imageup');
var lastRow = tbl.rows.length;
var iteration = lastRow+1;
var row = tbl.insertRow(lastRow);
var cellRight = row.insertCell(0);
cellRight.innerHTML = '<span style="font-size: 12px;">'+iteration+': </span>';
cellRight = row.insertCell(1);

var el = document.createElement('input');
el.setAttribute('type', 'file');
el.setAttribute('name', 'userfile[' + iteration + ']');
el.setAttribute('size', '30');
el.setAttribute('value', iteration);
cellRight.appendChild(el);
}
function RemoveImages() {
var tbl = document.getElementById('imageup');
var lastRow = tbl.rows.length;
if (lastRow > 1){
	tbl.deleteRow(lastRow - 1);
}
}
</script>
<table id="imageup" class="upload">
<tr id="row" style="font-size: 12px;">
<td style="font-size: 12px;">1: </td><td><input type="file" size="30" name="userfile[0]" />
</td>
</tr>
</table>

</form>

 

 

<form>
<input type="button" class="button" value='{l_delone}' onClick="RemoveImages();return false;" /> 
<input type="button" class="button" value='{l_onemore}' onClick="AddImages();return false;" /><br /><br />
<script language="javascript" type="text/javascript">
function AddImages() {

var tbl = document.getElementById('imageup');
var lastRow = tbl.rows.length;
if (lastRow <= 5)
{
var iteration = lastRow+1;
var row = tbl.insertRow(lastRow);
var cellRight = row.insertCell(0);
cellRight.innerHTML = '<span style="font-size: 12px;">'+iteration+': </span>';
cellRight = row.insertCell(1);

var el = document.createElement('input');
el.setAttribute('type', 'file');
el.setAttribute('name', 'userfile[' + iteration + ']');
el.setAttribute('size', '30');
el.setAttribute('value', iteration);
cellRight.appendChild(el);

}
}
function RemoveImages() {
var tbl = document.getElementById('imageup');
var lastRow = tbl.rows.length;
if (lastRow > 1){
	tbl.deleteRow(lastRow - 1);
}
}
</script>
<table id="imageup" class="upload">
<tr id="row" style="font-size: 12px;">
<td style="font-size: 12px;">1: </td><td><input type="file" size="30" name="userfile[0]" />
</td>
</tr>
</table>

</form>

 

Оказывается не так уж и сложно, но всеравно если есть какойто более адекватный способ, подскажите, сам я не местный и js знаю тока по слухам