Naar volgend veld met Enter in Formulier

Status
Niet open voor verdere reacties.
M

Monique75

Gebruiker
Lid geworden
6 mrt 2015
Berichten
40
Ik heb een formulier gemaakt met dreamweaver CS5 dit werkt krijg het ook verzonden naar mijn Email.

Het probleem is echter dat als je in het formulier naar het volgende veld wil en je drukt op Enter (ipv Tab) wat lijkt mij toch veel mensen automatisch doen (ik wel) dan wordt het formulier gelijk verzonden.

Is het mogelijk dit zo in te stellen dat het formulier pas verzonden wordt als ik op de knop druk en hij gewoon naar het volgende veld gaat als ik op Enter druk.?

Gr Monique
 
Hoi Monique,

Volgende stukjes code lossen uw probleem op:
Manier 1:
Dit is de meest eenvoudige oplossing, als je op enter drukt gebeurt er niets, dus je moet wel de tab toets gebruiken
Plaats volgend stukje code in de <HEAD> sectie van uw pagina
Code: 
<script type="text/javascript">

function stopRKey(evt) {
  var evt = (evt) ? evt : ((event) ? event : null);
  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  if ((evt.keyCode == 13) && (node.type=="text"))  {return false;}
}

document.onkeypress = stopRKey;

</script>

Manier 2: dit is iets moelijker
Plaats volgend stukje code in de <HEAD> sectie van uw pagina
Code: 
<script type="text/javascript">
                
function handleEnter (field, event) {
		var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
		if (keyCode == 13) {
			var i;
			for (i = 0; i < field.form.elements.length; i++)
				if (field == field.form.elements[i])
					break;
			i = (i + 1) % field.form.elements.length;
			field.form.elements[i].focus();
			return false;
		} 
		else
		return true;
	}      

</script>
en plaats volgend stukje code in de tags van uw formuliervelden, als je dan enter drukt ga je automatisch naar het volgende veld.
Code: 
<form>
<input type="text" onkeypress="return handleEnter(this, event)"><br>
</form>
Plaats niets in de <TEXT> sectie.

Kom je er niet uit, eventjes het formulier posten, dan bekijk ik het wel eventjes.

Succes
 
Bedankt voor uw antwoord ben woensdag weer op de zaak en ga het dan uitproberen. Ik laat het nog weten.
 
Het is gelukt ik heb voor de tweede optie gekozen is een stuk gebruikers vriendelijker vind ik persoonlijk is alleen iets extra werk

Bedankt voor uw hulp
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan