☰

» »

jQuery pomoč

jQuery pomoč

Zac11 ::

Zdravo,

imam eno težavo, in sicer bi rad da podatki, ki jih vnesem v tabelo s pomočjo obrazca, ostanejo shranjeni v tabeli, ko se stran ponovno naloži (localstorage). 
<body>
  <form method="" action="">
    <input type="text" id="ime" placeholder="Vnesi ime izdelka" /><br />
    <input type="text" id="cena" placeholder="Vnesi ceno" /><br/>
    <input type="radio" name="zaloga" value="true">Je na zalogi<br />
    <input type="radio" name="zaloga" value="false">Ni na zalogi<br />
    <input type="submit" value="Pošlji">
  </form>
  
  <div id="napake"></div>
  
  <br />
  <table border="1">
    <tr>
      <th>Ime izdelka</th>
      <th>Cena izdelka</th>
      <th>Zaloga</th>
    </tr>    
  </table>
  <div id="sumaZaloga">Znesek artiklov na zalogi</div>
  <div id="sumaNiZaloge">Znesek artiklov, ki niso na zalogi</div>
  <input type="button" id="ponastavi" value="Ponastavi vse" /><br />  
</body>


var Obrazec = new Object();

Obrazec['overi'] = function () {
	var ime = $('input#ime').val(),
		cena = $('input#cena').val(),
		zaloga = $('input[name="zaloga"]:checked').val();
		
	$('#napake').html('');
	if(ime == '' && cena == '' && (typeof stock == 'undefined')) {
		return false;
	}
	
	var zastavica = true;
	
	if(ime == '') {
		$('#napake').append('<div>Manjka ime izdelka!</div>');
		zastavica = false
	};
	
	if(cena == '') {
		$('#napake').append('<div>Manjka cena!</div>');
		zastavica = false
		};
		
	if(typeof zaloga == 'undefined') {
		$('#napake').append('<div>Izberite ali je izdelek na zalogi</div>');
		flag = false
	};
	
	return zastavica;
}


$(document).on('click', 'input[type="submit"]', function () {
	if(!Obrazec['overi']()) {
		return false;
	};
	
	var ime = $('input#ime').val(),
		cena = parseFloat($('input#cena').val()),
		zaloga = $('input[name="zaloga"]:checked').val() == 'true';
		
		localStorage.setItem('ime', ime);
		localStorage.setItem('cena', cena);
		localStorage.setItem('zaloga',(zaloga ? 'Je na zalogi' : 'Ni na zalogi'));

		var html = '<tr><td>' + ime + '</td><td>' + cena + '</td><td>' + (zaloga ? 'Je na zalogi' : 'Ni na zalogi') +'</td></tr>';
			
	$('table').append(html);
	$(document).trigger('sumup');
    $(document).trigger('clean_input');

	return false;
});

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

python-rabim pomoč

Oddelek: Programiranje		162773 (1003) rnla1973
»

Kontakt obrazec

Oddelek: Izdelava spletišč		62061 (1906) betmen
»

[JavaScript] Validacija e-mail naslova

Oddelek: Izdelava spletišč		7899 (751) KaiSmith
»

Login popup box login error.

Oddelek: Programiranje		91138 (1026) usoban
»

Internet strani kot slideshow

Oddelek: Izdelava spletišč		212110 (1861) sverde21

Več podobnih tem