webForumDet fria alternativet

Posta formulär till Ajax

JavaScript

3 svar · 634 visningar · startad av MickeA.com

Medlem sedan feb. 20034 441 inlägg
Frågan#1

Tjena,
Jag har ett litet problem med att posta ett formulär genom en submitknapp som ska vara en bild.
Formuläret postas via AJAX m.h.a webtoolkit.aim.

Såhär ser koden ut (när allt fungerar som det ska):

<form id="notify-step-2" action="notify-check-personnumber.asp" method="post" onsubmit="[b]return AIM.submit(this, {'onStart' : initPersoncheck, 'onComplete' : callbackPersoncheck})[/b]">
<p class="table-content" style="padding: 15px 10px 0px 0px;"><strong>Deltagarens Personnummer:</strong></p>
<p class="table-content">
<input type="text" id="nPers1" name="nPers1" class="sec-num-field" style="width: 80px;">&nbsp;&nbsp;<span style="font: bold 30px calibri, arial, helvetica;">-</span>&nbsp;
<input type="text" id="nPers2" name="nPers2" class="sec-num-field" style="width: 60px;""></p>
<p class="table-content" style="padding: 5px 0px 0px 20px;">
	<input type="hidden" name="level-id" value="<%=level_id%>" />
</p>
<p class="clear-row height-20px">&nbsp;</p>
<p class="table-content align-left" style="width: 275px; padding-top: 5px;"><a href="#" onclick="history.go(-1); return false;" title="F&ouml;reg&aring;ende steg"><img src="pics/arrow_left_green.png" alt="F&ouml;reg&aring;ende steg" /></a></p>
<p class="table-content align-right" style="width: 275px;">[b]<input type="submit" id="nextstep" title="N&auml;sta steg" />[/b]</p>
</form>

Problemet är att byter jag ut <input type="submit"... mot <input type="image" src="bilden.png"... och sen använder this.form.submit();, så postas formuläret till en ny sida (target=_blank") istället för till min div.

Jag har testat lite olika saker, tex. att lägga koden som just nu ligger i onsubmit="" direkt på "knappen" (i en länk).
Vore väldigt tacksam om jag kunde lösa det här, skulle vara fint att kunna ha en bild som postar formuläret.
Säg gärna till om jag ska visa mer kod.

Tack på förhand!

Medlem sedan okt. 20041 556 inlägg
#2

Testa : this.form.target='_self';this.form.submit();

Medlem sedan dec. 20025 483 inlägg
#3

Var skriver du this.form.submit()? I <input type=image"... skall du väl inte behöva lägga det - en image har väl samma funktion som submit?

Vill du lägga osnubmit-koden i en länk skriver du:

AIM.submit(document.getElementById('notify-step-2'), {'onStart' : initPersoncheck, 'onComplete' : callbackPersoncheck})
Medlem sedan feb. 20034 441 inlägg
#4

Peter S skrev:

Var skriver du this.form.submit()? I <input type=image"... skall du väl inte behöva lägga det - en image har väl samma funktion som submit?

Javisst är det så, bara jag som rört ihop det en del.
Jag körde onclick="this.form.submit();", nu när jag tog bort det, funkar allt kanon.

Tack för att du väckte mig :)

249 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
118 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)