Probleem met controle van een form voordat het verstuurd wor

Pagina: 1
Acties:

  • Shiske
  • Registratie: Juni 2004
  • Laatst online: 23-05 07:28
Yow, ik zit met een probleempje met het controleren van een form voordat het verstuurd wordt.
Ik heb namelijk een stukje javascript wat ervoor zorgt dat er iig 1 checkbox moet worden aangevinkt maar het lukt me niet dat in de bestaande code te plaatsen.

De code voor het controleren van de checkboxen staat hieronder:


<script type="text/javascript" language="JavaScript">
<!--
function checkCheckBoxes(theForm) {
if (
theForm.box1.checked == false &&
theForm.box2.checked == false &&
theForm.box3.checked == false &&
theForm.box4.checked == false &&
theForm.box5.checked == false &&
theForm.box6.checked == false)
{
alert ('You didn\'t choose any of the checkboxes!');
return false;
} else {
return true;
}
}
//-->
</script>

<FORM NAME="theform" ACTION="blaat" METHOD=POST onsubmit="return checkCheckBoxes(this);">



Niet zo moeilijke code ware het niet dat ik ook nog een stel invul-velden heb (naam, adres, email en meer van dat soort dingen.
Hoe kan ik die bij de code invoegen? Of heb ik daar een aparte functie voor nodig?
Ik heb al geprobeert maar dan pakt ie telkens alleen de functie die vooraan staat.

Kort samengevat: Hoe kan ik deze code uitbreiden met controle voor tekstvelden.

Ow en als kan het controleren op een juist ingevoerd email adres.

K, hopelijk kan iemand helpen want ik zit er al uren mee te klote :/.

  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 25-02 11:17

Clay

cookie erbij?

<form onsubmit="return checkForm(this)" > ...

code:
1
2
3
4
5
6
7
8
9
10
11
12
function checkForm(theForm) {
   if( ! voorwaardes ) {
      return false
   }

   if( ! andereVoorwaardes) {
      return false;
   }

   // aan het eind? alles blijkbaar ok...
   return true;
}


etc. dus niet te vroeg of in een else true returnen

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin


  • Shiske
  • Registratie: Juni 2004
  • Laatst online: 23-05 07:28
K ben weer iets verder, hij controlleerd of er bij alle invul-velden wat is ingevoerd maar hoe zorg je ervoor dat er er ook gecontrolleerd wordt op een geldig email adres?


ik heb nu dit:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<script type="text/javascript" language="JavaScript">
<!--
function validateEmail(email)
{
// a very simple email validation checking. 
// you can add more complex email checking if it helps 
    var splitted = email.match("^(.+)@(.+)$");
    if(splitted == null) return false;
    if(splitted[1] != null )
    {
      var regexp_user=/^\"?[\w-_\.]*\"?$/;
      if(splitted[1].match(regexp_user) == null) return false;
    }
    if(splitted[2] != null)
    {
      var regexp_domain=/^[\w-\.]*\.[A-Za-z]{2,4}$/;
      if(splitted[2].match(regexp_domain) == null) 
      {
        var regexp_ip =/^\\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]$/;
        if(splitted[2].match(regexp_ip) == null) return false;
      }// if
      return true;
    }
return false;
}


function checkCheckBoxes(theForm) {
var name = document.theform.naam.value; 
var adres = document.theform.adres.value; 
var postcode = document.theform.postcode.value; 
var woonplaats = document.theform.woonplaats.value; 
    if (
    theForm.box1.checked == false &&
    theForm.box2.checked == false &&
    theForm.box3.checked == false &&
    theForm.box4.checked == false &&
    theForm.box5.checked == false &&
    theForm.box6.checked == false) 
    
{
        alert ('Vink een in ieder geval één keuzevakje aan');
        return false;
}

    if (name == "") { 
        alert("Vul uw naam in"); 
        return false;
}

    if (adres == "") { 
        alert("Vul uw adres in"); 
        return false;
} 
   
    if (postcode == "") { 
        alert("Vul uw postcode in"); 
        return false;
} 
   
if (woonplaats == "") { 
        alert("Vul uw woonplaats in"); 
      return false;
}
        return true;
}
//-->
</script>



<FORM NAME="theform" ACTION="blaat" METHOD=POST onsubmit="return checkCheckBoxes(this);">

  • disjfa
  • Registratie: April 2001
  • Laatst online: 12-05 15:11

disjfa

be

code:
1
// a very simple email validation checking.


:D :D :D Mooie :P

code:
1
/^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/

is mijn normale checker op mail :) Ik zou alleen eerst een regex tutorial doornemen voor je het gaat begrijpen :)

disjfa - disj·fa (meneer)
disjfa.nl


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

Bosmonster

*zucht*

disjfa schreef op 01 juli 2004 @ 15:30:
code:
1
// a very simple email validation checking.


:D :D :D Mooie :P

code:
1
/^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/

is mijn normale checker op mail :) Ik zou alleen eerst een regex tutorial doornemen voor je het gaat begrijpen :)
Hmm... jammer dat je daar niet eens fatsoenlijke domeinnamen mag gebruiken als .info etc :) Er is geen regel die zegt dat een extensie maar 2 of 3 tekens mag zijn namelijk :) Er zijn echter wel regels dat je geen punten of strepen voor of na een @ mag gebruiken :P

[ Voor 19% gewijzigd door Bosmonster op 01-07-2004 15:38 ]


  • disjfa
  • Registratie: April 2001
  • Laatst online: 12-05 15:11

disjfa

be

Ik zei toch niet dat ie perfect was :P Ik zei zo doe ik het.

Maar voor de ts, bedenk ook wat de meneer boven me zegt :)

edit:
Die punt NA de @ had ik er trouwens in gezet voor domeinen zoals .co.uk enzo ;) anders moet je de extentie max 5 maken... Maar dat was maar een kleinigheidje

[ Voor 42% gewijzigd door disjfa op 01-07-2004 15:55 ]

disjfa - disj·fa (meneer)
disjfa.nl


  • Shiske
  • Registratie: Juni 2004
  • Laatst online: 23-05 07:28
K, 2 dingen:
-Waar moet ik /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/ neerzetten?
-Wat is regex? en waar kan ik een goeie regex tutorial vandaan halen?

  • disjfa
  • Registratie: April 2001
  • Laatst online: 12-05 15:11

disjfa

be

Shiske schreef op 01 juli 2004 @ 16:24:
-Waar moet ik /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/ neerzetten?
-Wat is regex? en waar kan ik een goeie regex tutorial vandaan halen?
1. Dat weet je als je 2. hebt gedaan :P

http://www.melp.nl/site/index/5/introductie.html is altijd wel een hele nete tutorial :)

ow en als je nog meer wilt erover is er altijd www.google.com :)

[ Voor 9% gewijzigd door disjfa op 01-07-2004 16:29 ]

disjfa - disj·fa (meneer)
disjfa.nl


  • Dagg
  • Registratie: Maart 2004
  • Laatst online: 19:46
Ik ben ook bezig met zo'n script maar ik kom er maar niet uit.
Net zoals dat als je op ok klikt moet je nog eens twee maal bevestigen dat je het wil versturen.
Het gaat bij mij overigens om het aanmelden voor een nieuwsbrief, en ik werk in html, voor zover dat ter sprake komt.
Pagina: 1