php formulier met controle

[Aar]

Waarom zou je geen ENTER mogen gebruiken voor het versturen?
je kan met JavaScript wel een enter afvangen, en dan een confirm() bijvoorbeeld tonen. Maar ik ben wel benieuwd naar de reden.

En die controle plaats je op de plek waar je je formulier uitvoert.
In de commentaar kan je al lezen dat op die plek voldaan is aan de controle. Dus kan je daar je formulierafhandeling inbouwen, zoals bijv. mailen of het in de database plaatsen.

Het is een kwestie van de logica snappen.
In mijn tweede post van dit topic had ik al een link naar een mooi voorbeeld staan waarop je verder kan werken.
Ga daarmee eens aan de slag.

 

[bron]

Je eerste vraag

Dit kan met Javascript.

Zoek de id van je <form> . Is die er niet, maak er dan eentje, bijv. id="contactform"
Gebruik de id van je <form> in het script, in dit voorbeeld "#contactform"
Het script komt ergens onder het formulier in de html, het maakt niet uit waar.

<form id="contactform" action="" method="post">
  .....
</form>

<script>
let formulier = document.querySelector("#contactform");
formulier.addEventListener('submit', function(event) {
  if (confirm("Druk op OK als u het formulier wenst te versturen.") == false) {
    event.preventDefault();
  }
});
</script>

In deze meest eenvoudige vorm heb je alleen een OK en Annuleer knop.

 

[Fredemel]

@Aar
Tja,... vaak wordt er per ongeluk een "enter" gegeven om naar het volgende invulvak te gaan.
M.n. de ouderen..... En dan krijgen ze een foutmelding en haken dan vaak/wel eens af. Dus....
De voorzitter en meerdere (ouderen....) van het bestuur van de Stichting willen dit graag afgevangen zien....
Dus,.......... probeer ik te doen wat zij vragen......
Als je een oplossing hebt,... hou ik me graag aanbevolen.
O ja,... de topic van de tweede post..... Dat is voor mij echt een BERG waar ik tegenop kijk.....
Sjeesus..... om dat door te spitten... Kost me echt teveel tijd....
En van (veel) meer dan de helft snap ik geen pepernoot... :d


@Bron
Ik ben ook jouw javascript aan het proberen...
Ik heb een id="contactform" toegevoegd binnen de <form>......</form> -code (NIET met een #...)
En ná de </form>-tag, maar binnen de HTML-code het script gezet, alleen........
Ik krijg een syntaxisfout....
Ik heb van alles aangepast, maar de foutmelding blijf.....

Vandaar deze schermafdruk:
Uhhh.... wat is er fout....?

 

[bron]

Alleen deze regel veranderen (de # weghalen bij de id)

<form action="..." method="post" name="..." style="..." id="contactform">

 

[Aar]

We willen best helpen, maar waar loop je dan op vast met mijn voorbeeld?
Er staat een hoop commentaar (gele tekst in). Dus wees even concreet. We hebben immers geen glazen bol .

Twee stappen zijn het eigenlijk, met een eventuele derde:

- HTML-Formulier toevoegen
- Mail laten versturen als alles goed ingevuld is
- Eventueel ReCaptcha V3 inbouwen (aanrader)



Hier werkt het prima:
https://jsfiddle.net/9rxm2j4e/

Druk meer op de submitknop. Mocht iemand per ongeluk op ENTER drukken, dan wordt de confirm() getriggerd.

 

[Fredemel]

Sorrie Aar en Bron,....

Sorrie dat ik niet heb gereageerd......
Soms wordt je geleefd....... Een beetje familiaire ellende....
Maar,..... Ik wil het weer oppakken, want ik heb het "bijna" goed",... "dus fout".... dus "0 punten".

Ergens in de aankomende 2 weken zal ik gaan testen en kijken waar nog bottleneck's zijn.
En als jullie nog bereid zijn..... .....

Tot zover bedankt en ....

Fijne Feestdagen

 

[Aar]

Prima! Laat maar weten .

 

[Fredemel]

Beste Aar en Bron,....

Allereerst,... de allerbeste wensen...!!!!

Allerlei omstandigheden nopen mij om de site aan de kant te laten voor een tijdje.
Nogmaals bedankt voor de steun en oplossingen.
Wanneer ik weer de tijd er voor kan vrij maken, wil ik graag weer een beroep doen op jullie.

Zal ergens in het voorjaar zijn.......
Ik zet deze hulpvraag op "gereed"

Bedankt....!