onblur + submit

2 svar · 290 visningar · startad av doggelito 9 okt. 2004

doggelitoMedlem sedan juni 20003 076 inlägg

Frågan9 okt. 2004 14:53#1

jag har två textfält i ett formulär, jag vill posta formuläret om inget av textfälten har focus, dvs. om man t.ex. klickar med musen utanför de båda fälten.
har denna kod:

<script type="text/javascript">
function blurSubmit() {
if (document.getElementById('Fullname').blur()) and (document.getElementById('Description').blur())
 {
	document.getElementById('UpdateFolder').submit();
		}
}
</script>

<form id="UpdateFolder">
<input type="text" id="Fullname" name="Fullname" onBlur="blurSubmit();">
<input type="text" id="Description" name="Description" onBlur="blurSubmit();">
</form>

problemet är bara att om man flyttar markören från ena fältet till det andra så postas formuläret också.
kan man lägga till på nått vis att om markören flyttas mellan textfälten så ska formuläret inte postas?

JojoxxMedlem sedan juni 20004 308 inlägg

9 okt. 2004 19:21#2

Du kan göra så här exempelvis:

<script type="text/javascript">
var submitable=false;
function blurSubmit() {
	if(submitable){ document.getElementById('UpdateFolder').submit(); }
}
</script>

<form id="UpdateFolder">
<input type="text" id="Fullname" name="Fullname" onfocus="submitable=false;" onBlur="submitable=true; setTimeout('blurSubmit()',100);">
<input type="text" id="Description" name="Description" onfocus="submitable=false;" onBlur="submitable=true; setTimeout('blurSubmit()',100);">
</form>

doggelitoMedlem sedan juni 20003 076 inlägg

10 okt. 2004 11:27#3

coolt! :)