formuliercontrole

Door Bart C op 29-11-2012 22:50 gewijzigd op 29-11-2012 22:54

1.599 views

Hoi,

ik wil deze formuliercontrole gebruiken:


<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>

De controle op het leeg zijn, werkt perfect (heb het dan ook gecopieerd) maar de wachtwoordvergelijking niet. Is er iets verkeerd in mijn syntax?

Wouter J

29-11-2012 23:00

addClass is een jQuery functie, ik raad je aan het stuk gewoon om te zetten in jQuery code, aangezien je dat toch al gebruikte (niet echt goed gebruik van jQuery, maar ach...)

Frits Katoen

29-11-2012 23:21 gewijzigd op 29-11-2012 23:23

Het password gedeelte ziet er goed uit, ik zie zo geen reden waarom het niet zou werken.

Misschien dat dit werkt?


if( $.trim($('#password1').val()) != $.trim($('#password2').val()) ){
	$('#password1','#password2').addClass('error');
	the_return = false;
}

Bart C

30-11-2012 08:50

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).


<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>

[size=xsmall]Toevoeging op 30/11/2012 09:23:51:[/size]

Bart C op 30/11/2012 08:50:43

[quote="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).


<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>

[/quote]

UPDATE : het was dus een kleine aanpassing:


$('#password1').addClass('error');
$('#password2').addClass('error');

Reageren

Inloggen om te reageren