Ciao a tutti! Ho trovato in questo sito uno script per aggiungere e rimuovere campi in un form. Il problema è che l'utente può inserire un numero infinito di campi. Vorrei fare in modo di limitare l'inserimento a 5 campi. Ho provato a modificare il codice ma non funziona correttamente. Il numero viene incrementato quando l'utente clicca sul bottone "inserisci descrizione", ma non viene decrementato in modo corretto quando l'utente clicca sul bottone "elimina descrizione".Qualcuno mi può aiutare?
codice:<html> <head> <script type="text/javascript" src="prototype.js"></script> <link href="stile.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> var arrInput = new Array(0); var arrInputValue = new Array(0); var arrInput1 = new Array(0); var arrInputValue1 = new Array(0); function addInput() { j = document.getElementById('j').value; if (parseInt(j) <= 5) { document.getElementById('j').value = (parseInt(j)+1); arrInput.push(arrInput.length); arrInput1.push(arrInput1.length); arrInputValue.push(""); arrInputValue1.push(""); display(); } } function display() { document.getElementById('parah').innerHTML=""; for (intI=0;intI<arrInput.length;intI++) { document.getElementById('parah').innerHTML+=createInput(arrInput[intI], arrInputValue[intI], arrInput1[intI], arrInputValue1[intI]); } } function saveValue(intId,strValue) { arrInputValue[intId]=strValue; } function saveValue1(intId1,strValue1) { arrInputValue1[intId1]=strValue1; } function createInput(id,value,id1,value1) { return "<input type='text' name='titolo"+ id +"'id='test "+ id +"' onChange='javascript:saveValue("+ id +",this.value)' value='"+ value +"'><textarea rows='5' cols='30' name='desc"+ id1 +"' onChange='javascript:saveValue1("+ id1 +",this.value)'>"+ value1 +"</textarea> "; } function deleteInput() { document.getElementById('j').value = (parseInt(j)-1); if (arrInput.length > 0) { arrInput.pop(); arrInputValue.pop(); } if (arrInput.length > 0) { arrInput1.pop(); arrInputValue1.pop(); } display(); } </script> </head> <body> <div id="parah"></div> <input type="hidden" name="j" id="j" value="1"> <button onclick="javascript:addInput()">Inserisci descrizione</button> <button onclick="javascript:deleteInput()">Elimina descrizione</button> </body> </html>
Rispondi quotando