sökes: jQuery form changed - enable/disable submit

Tråden skapades 2011-01-28 och har fått 1 svar. Det senaste inlägget skrevs 2011-01-31.

1

Skriv svar

2011-01-28 11:45

#1

ivar
Medlem ●
Stockholm
2011-01-28 11:45

Hej!

Har sökt och sökt och tänkte att eventuellt någon här kanske känner till det jag söker.

Målet är att kunna slå på/av submit-knappen i formulär baserat på om något värde i formuläret bytt värde sedan sidan laddades in.

På grund av att det är ASP.NET så är det t.o.m. så att det behöver vara delar av formuläret som kontrolleras,

ungefär så här kan man väl säga att koden blir med asp.net. Alltså ett formulär som omsluter hela sidan.

<form>
	<div id="updateContactDetails">
		<input type="text" id="id1" />	
		<input type="text" id="id2" />
		<input type="text" id="id3" />
		<input type="submit" value="Spara" />
	</div>


	<div id="updatenameDetails">
		<input type="text" id="id4" value="Johan" />	
		<input type="text" id="id5" value="Svensson" />
		<input type="text" id="id6" />
		<input type="submit" value="Spara" />
	</div>	
	
</form>

och javascript-koden jag vill skriva ser väl ut ungefär så här

<script type="text/javascript">
$(function() {
	$("#updateContactDetails, #updatenameDetails").form_register_start_values();
});
</script>

Den kommer för en given selector/id att hitta alla formulärfält och spara undan dess value-attribut för att vid onchange kunna jämföra ifall formulärfälten har osparat data eller inte

Känns som något som andra lär ha gjort 1000ggr förut. Men jag hittar ingen plugin

Tack på förhand

Anmäl Ändra Gilla Svara

2011-01-31 20:32

#2

pichia
Medlem ●
Göteborg
2011-01-31 20:32

Jag skulle kunna tänka mig något i stil (ej testat dock):

$("#updateContactDetails input[type="submit"], #updatenameDetails input[type="submit"]").hide();
$("#updateContactDetails input, #updatenameDetails input").change(function(){
	$(this).siblings("input[type="submit"]").unhide();
});

När något av fälten i respektive id ändras, så poppar den aktuella "Spara" knappen upp.