Tijden veranderen
formuliercontrole
ik wil deze formuliercontrole gebruiken:
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
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
<script type="text/javascript">
function check_form()
{
var the_return = true;
var empty_fields = ['username','name','firstname'];
for (i=0; i<empty_fields.length; i++)
{
var $field = $('#'+empty_fields[i]);
if ($.trim($field.val()) == '')
{
$field.addClass('error');
the_return = false;
}
else
{
$field.removeClass('error');
}
}
if(document.getElementById('password1').value!=document.getElementById('password2').value) {
document.getElementById('password1').addClass('error');
document.getElementById('password2').addClass('error');
the_return = false;
}
return the_return;
}
</script>
function check_form()
{
var the_return = true;
var empty_fields = ['username','name','firstname'];
for (i=0; i<empty_fields.length; i++)
{
var $field = $('#'+empty_fields[i]);
if ($.trim($field.val()) == '')
{
$field.addClass('error');
the_return = false;
}
else
{
$field.removeClass('error');
}
}
if(document.getElementById('password1').value!=document.getElementById('password2').value) {
document.getElementById('password1').addClass('error');
document.getElementById('password2').addClass('error');
the_return = false;
}
return the_return;
}
</script>
De controle op het leeg zijn, werkt perfect (heb het dan ook gecopieerd) maar de wachtwoordvergelijking niet. Is er iets verkeerd in mijn syntax?
Gewijzigd op 29/11/2012 22:54:00 door Bart C
Misschien dat dit werkt?
Code (php)
1
2
3
4
2
3
4
if( $.trim($('#password1').val()) != $.trim($('#password2').val()) ){
$('#password1','#password2').addClass('error');
the_return = false;
}
$('#password1','#password2').addClass('error');
the_return = false;
}
Gewijzigd op 29/11/2012 23:23:14 door Frits Katoen
Frits Katoen op 29/11/2012 23:21:32:
Misschien dat dit werkt?
Ik begrijp het zelf niet...ik denk wel dat de formuliervalidatie nu werkt (de form-action wordt niet uitgevoerd) maar hij voegt die error-class niet toe (rode lijn rond de textbox).
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
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
<script type="text/javascript">
function check_form()
{
var the_return = true;
var empty_fields = ['username','password1','password2','name','firstname'];
for (i=0; i<empty_fields.length; i++)
{
var $field = $('#'+empty_fields[i]);
if ($.trim($field.val()) == '')
{
$field.addClass('error');
the_return = false;
}
else
{
$field.removeClass('error');
}
}
if (the_return == true)
{
if( $.trim($('#password1').val()) != $.trim($('#password2').val()) )
{
$('#password1','#password2').addClass('error');
the_return = false;
}
}
return the_return;
}
</script>
function check_form()
{
var the_return = true;
var empty_fields = ['username','password1','password2','name','firstname'];
for (i=0; i<empty_fields.length; i++)
{
var $field = $('#'+empty_fields[i]);
if ($.trim($field.val()) == '')
{
$field.addClass('error');
the_return = false;
}
else
{
$field.removeClass('error');
}
}
if (the_return == true)
{
if( $.trim($('#password1').val()) != $.trim($('#password2').val()) )
{
$('#password1','#password2').addClass('error');
the_return = false;
}
}
return the_return;
}
</script>
Toevoeging op 30/11/2012 09:23:51:
Bart C op 30/11/2012 08:50:43:
Ik begrijp het zelf niet...ik denk wel dat de formuliervalidatie nu werkt (de form-action wordt niet uitgevoerd) maar hij voegt die error-class niet toe (rode lijn rond de textbox).
Frits Katoen op 29/11/2012 23:21:32:
Misschien dat dit werkt?
Ik begrijp het zelf niet...ik denk wel dat de formuliervalidatie nu werkt (de form-action wordt niet uitgevoerd) maar hij voegt die error-class niet toe (rode lijn rond de textbox).
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
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
<script type="text/javascript">
function check_form()
{
var the_return = true;
var empty_fields = ['username','password1','password2','name','firstname'];
for (i=0; i<empty_fields.length; i++)
{
var $field = $('#'+empty_fields[i]);
if ($.trim($field.val()) == '')
{
$field.addClass('error');
the_return = false;
}
else
{
$field.removeClass('error');
}
}
if (the_return == true)
{
if( $.trim($('#password1').val()) != $.trim($('#password2').val()) )
{
$('#password1','#password2').addClass('error');
the_return = false;
}
}
return the_return;
}
</script>
function check_form()
{
var the_return = true;
var empty_fields = ['username','password1','password2','name','firstname'];
for (i=0; i<empty_fields.length; i++)
{
var $field = $('#'+empty_fields[i]);
if ($.trim($field.val()) == '')
{
$field.addClass('error');
the_return = false;
}
else
{
$field.removeClass('error');
}
}
if (the_return == true)
{
if( $.trim($('#password1').val()) != $.trim($('#password2').val()) )
{
$('#password1','#password2').addClass('error');
the_return = false;
}
}
return the_return;
}
</script>
UPDATE : het was dus een kleine aanpassing:
Code (php)
1
2
2
$('#password1').addClass('error');
$('#password2').addClass('error');
$('#password2').addClass('error');