[HTML]Enter drukken in een formulier?

[Anoniem: 57600]

Ik heb al veel formulieren gemaakt, maar hoe komt het toch dat je bij het ene formulier persé op de "submit-knop" moet drukken en bij de andere kun je gewoon enter drukken. Dit is nogal irritant nl. want als de bezoeker enter drukt dan wordt soms het hele formulier gewoon leeggemaakt, kan de bezoeker weer overnieuw beginnen...heb er zelf nooit zo opgelet omdat ik altijd op de knop druk en geen enter gebruik bij het invullen van een formulier. Maar kreeg laatst klachten van een klant en toen ben ik er toch eens op gaan letten....

dus; kan iemand mij zeggen hoe dit komt?

[Bosmonster]

Standaard krijgt de submit button altijd de enter-focus in internet explorer, zodra je een van de formulier velden focust. Soms gebruiken mensen echter gewone knoppen met een javascript-functie die het formulier submit bijvoorbeeld.

Netscape 4 echter doet dit niet standaard, daar moet je dus altijd klikken, of handmatig via script de focus verzetten.

[Anoniem: 57600]

jah maar heb het zelf ook bij een echte SUBMIT-knop dus geen javascript knop en in internet explorer 6!

hier kun je het zien: http://www.beekfriet.nl/start.php?page=vergeten
het is een php bestand, maar het formulier is gewoon html --> vul maar iets in en druk op enter!

[Rickets]

Wat is nu de bedoeling?
Wil je de enter afvangen? Daar zijn namelijk javascripts voor.

[Bosmonster]

Ik snap het probleem niet.. in beide formulieren wordt automatisch de submit knop actief als ik al klik in een input veld..

IE6

[Anoniem: 57600]

als ik in het eerste formulier iets intyp en vervolgens op enter druk dan reset hij het formulier gewoon en dat hebben dus meer mensen, probleem is met internet explorer 5, 5.5 en 6 rest van de browsers zijn iig niet geprobeerd

[Bosmonster]

wat is "het eerste formulier". Er staan er 2 op de pagina. Bovendien maakt dat suffe norightclick scriptje het voor mij lastiger om de source te bekijken.

[drm]

code:

<form method='post'>

waar is je action ?

[Grom]

<input type="button" value="login" onClick="submit()">
gebruiken ipv
<input type=submit name=submit value=login>

[Anoniem: 57600]

hmm? maar dat laatste dat zorgt er toch voor dat je er alleen maar op kunt klikken en niet enter kunt drukken? het is nu juist de bedoeling dat je enter kunt drukken en dattie dan submit zeg maar

[Bosmonster]

Ja precies.. snap Grom z'n reply ook niet helemaal

[Grom]

hmzz, ik dacht dat je bedoelde dat ie juist niet moest submitten als je op enter drukt.
Zie verder drm's reply.

[Anoniem: 42544]

Ik begrijp dit probleem helemaal, ik heb er ook al vaak moeilijk mee gezeten. Soms is het namelijk zo, dat je door een simpele enter na het invullen van de velden met een enter een submit van het formulier geeft. De andere keer reset hij het hele veld. Ik weet nog steeds niet waarom

[Grom]

http://ppewww.ph.gla.ac.uk/~flavell/www/formquestion.html

[André]

Je kunt het event "onkeyup" aan je document hangen. Dan lees je uit met een scrippie of de enter toets in losgelaten. Zo ja, submitten die handel.

[RobbertC]

Misschien is dit het probleem:

Je hebt de submit knop als name 'submit' gegeven. Vangt je php bestand misschien het formulier op met

PHP:

if ($submit) {

?

Zo ja, dan kan het kloppen dat een Enter het gewone formulier weer weergeeft, omdat PHP niet ziet dat je je veld hebt gesubmit.

Dit kun je verhelpen door een hidden field te maken:

code:

<input type="hidden" name="action" value="submit">

En je PHP code:

PHP:

if ($action=="submit") {

[Anoniem: 62019]

Dat kan door midden van het statement acceskey in je input tag neer te zetten.
dit doe je voor het einde van je regel >

dus acceskey="letter">

[corani]

Ik ben er net achter gekomen dat IE in tegenstelling tot de html2 standaard, een form alleen met enter kan submitten als hij méér dan 1 text-field heeft.

Volgens de html2 standaard moet dit juist zo zijn dat hij hem met enter kan submitten als hij maar één text-field heeft.

[AxiMaxi]

Ik weet niet precies of het hetzelfde is als wat je bedoeld, maar ik had ook een probleem met submits van een form.
Bij een klik op de knop ging het goed, maar bij een enter werd de pagina opnieuw geladen en was de boel leeg.
Dat bleek te liggen aan de manier waarop het JavaScript werd aangeroepen.

Je moet 'return' gebruiken:

HTML:

<form name="searchForm" onSubmit="return startSearch()">
 <input type="text" name="userInput" size="30">
 <input type="button" value="Zoek" onClick="startSearch()">
</form>

Bij een click op de zoek-button wordt dezelfde functie gestart als een bij een druk op enter.

In de JS-function staat:

JavaScript:

  function startSearch() {

   ;// hiermee haal ik de inputstring binnen
   inputString = document.searchForm.userInput.value

   ;// dit voorkomt de reload na een 'enter'
   return false
  }

Natuurlijk staat er meer in de originele function, maar da's nu niet relevant.

Of ik het qua script-conventies helemaal goed doe, weet ik niet. Maar het werkt wel