Javascript check tekst invoer textarea
Ook moet er minimaal 100 woorden of 700 tekens ingevoert moeten worden.
De submit knop zal ik het begin niet klikbaar (faded) zijn tot dat alles wat ingevoert is klopt (dus geen verboden tekens en het minimale aantal woorden.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
// Alleen de toegelaten waardes mogen doorgaan
if(isset($_GET['tekst']) && $_GET['tekst'] == 'intro' || 'karakter' || 'uiterlijk' || 'verzorging' || 'geschiedenis')
{
// TODO Extra controle, Kijken of er al tekst bestaat
//
echo 'Omschrijving van '.$_GET['tekst'].' van 100 woorden minimaal:<br /><br />';
echo '<form name="voegtoe" method="post">';
echo '<textarea name="'.$_GET['tekst'].'" cols="104" rows="10"></textarea>';
echo '<input type="submit" name="submit" value="Toevoegen" />';
echo '</form>';
}
else
{
echo 'Er klopt iets niet, waarde klopt niet.';
}
?>
// Alleen de toegelaten waardes mogen doorgaan
if(isset($_GET['tekst']) && $_GET['tekst'] == 'intro' || 'karakter' || 'uiterlijk' || 'verzorging' || 'geschiedenis')
{
// TODO Extra controle, Kijken of er al tekst bestaat
//
echo 'Omschrijving van '.$_GET['tekst'].' van 100 woorden minimaal:<br /><br />';
echo '<form name="voegtoe" method="post">';
echo '<textarea name="'.$_GET['tekst'].'" cols="104" rows="10"></textarea>';
echo '<input type="submit" name="submit" value="Toevoegen" />';
echo '</form>';
}
else
{
echo 'Er klopt iets niet, waarde klopt niet.';
}
?>
Maar wanneer bepaal je of de bezoeker klaar is met typen?
Als je het zou doen zoals jij het zegt wordt de button meteen al klikbaar bij het eerste (goede) teken dat je invoert. Bij de eerst volgende keer dat er een fout teken in de textarea komt te staan wordt de button geblokkeerd.
Dat is de manier zoals jij het zegt. Maar is dit ook echt wat je bedoelt?
Gewijzigd op 24/01/2013 18:02:00 door Mark Hogeveen
Als de persoon een verkeert teken invoert zal er een melding komen te staan naast de submitknop dat er een verkeert teken is ingevoert.