form validation
ik ben al een tijdje opzoek naar form validation in javascript
het liefst iets waardoor de verkeerd of niet ingevulde velden rood opkleuren en dat ze niet verder kunnen voordat ze het hebben ingevuld.
het liefst niks met allert want dat is echt verdomt iritand :P
alvast bedankt
Gewijzigd op 01/01/1970 01:00:00 door Jelee
Ik zou best een voorbeeldje voor je willen scripten, maar ik vind je manier van vragen nogal arrogant.
Srry jan ben een beetje brak, door wat onvoorziende gebeurtenissen.
Ja zo iets bedoel ik, heel erg bedankt.
http://195.22.100.103/~alpacino/woonhuistotaal/test.php
Gewijzigd op 01/01/1970 01:00:00 door jelee
Code (php)
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
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
var submitted = 0;
function LockButton (form,element) {
if ( ! submitted ) {
form.elements[element].disabled=true;
submitted = 1;
form.submit;
}
}
function ResetButton(form,element) {
form.elements[element].disabled=true;
document.getElementById('p11').value='';
document.getElementById('p13').value='';
document.getElementById('p14').value='';
document.getElementById('p15').value='';
document.getElementById('p16').value='';
document.getElementById('p17').value='';
document.getElementById('p18').value='';
document.getElementById('p19').value='';
submitted = 0;
}
function validate(form,element)
{
if (document.multiForm.p11.value == '') {
document.multiForm.p11.focus();
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p13.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p14.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p15.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p16.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p17.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p18.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p19.value == '') {
form.elements[element].disabled=true;
return false;
}
else {
multiForm.elements[element].disabled=false;
return true;
}
function LockButton (form,element) {
if ( ! submitted ) {
form.elements[element].disabled=true;
submitted = 1;
form.submit;
}
}
function ResetButton(form,element) {
form.elements[element].disabled=true;
document.getElementById('p11').value='';
document.getElementById('p13').value='';
document.getElementById('p14').value='';
document.getElementById('p15').value='';
document.getElementById('p16').value='';
document.getElementById('p17').value='';
document.getElementById('p18').value='';
document.getElementById('p19').value='';
submitted = 0;
}
function validate(form,element)
{
if (document.multiForm.p11.value == '') {
document.multiForm.p11.focus();
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p13.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p14.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p15.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p16.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p17.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p18.value == '') {
form.elements[element].disabled=true;
return false;
}
else if (document.multiForm.p19.value == '') {
form.elements[element].disabled=true;
return false;
}
else {
multiForm.elements[element].disabled=false;
return true;
}
Submit knop
Code (php)
1
<input id="Submit" type="button" name="Submit" class="button" onclick="showElement( 'page-2' );" value="Volgende" disabled onClick="validate(this.form,'Submit'); LockButton(this.form,'Submit');">
maar heb nog een klein vraagje hoe kan ik met het bestaande script op waardes controleren?
Heb je mijn codevoorbeeld wel gelezen eigenlijk? Dat werkt veel efficienter dan het script dat je nu gebruikt.
jelee schreef op 02.11.2008 22:21:
Bedankt iedereen en kennis van me had me al een beetje opweg geholpen.
- no offence !
maar waarom kom je ons om tips vragen als je en kennis heeft die er "verstand" van heeft...
want zal als Jan Koehoorn aan geeft heb je zijn of mijn bericht wel eens gelezen?
want zijn of mijn script werkt veel makelijker...