[JavaScript]Dynamiczne pola formularza + walidacja pól = dziwne cachowanie Opcje

[Elber]

Witam,

mam problem, mam formularz który po wybraniu selecta bez przeładowania strony wysyła info do pliku php i odbiera dodatkowe pola do tego formularza. Próbuję teraz napisać prostą funkcję w JS która sprawdzi czy jest dane pole i jak jest czy jest puste, jak jest puste to alert ... ale dzieją się dziwne rzeczy, otóż np.

Wybieram coś z selekta i dostaje pole a, b i c klikam żeby sprawdziło i wyskakuje że pola są puste, zmieniam selecta stare pola się usuwają i dostaje zamiast nich pola d, e, f klikam żeby sprawdziło i teraz pola a,b,c,d,e,f są puste ... tylko że ich już nie ma i nie powinno tego pokazać ;/ Czym to jest spowodowane ?

Pola sprawdzam w ten sposób:

Kod

if(field.pole_a && field.pole_a.value == ""){
        alert('Pole a jest puste');
}

field(to zmienna z zawartością formularza)

Ten post edytował Elber 4.03.2012, 00:03:17

[Elber]

Kod JS:

Kod

<script type="text/javascript">
                    function CheckForm(field){
                        var message = "";

                        if(field.pole_a && field.pole_a.value == ""){
                            message +="Pole a jest puste !\n";
                        }

                        if(field.pole_b && field.pole_b.value == ""){
                            message +="Pole b jest puste !\n";
                        }

                        if(field.pole_c && field.pole_c.value == ""){
                            message +="Pole c jest pisute !\n";
                        }

// taki sam kod tylko pole d, e ,f

                        if(message != ""){
                            alert(message);
                            return false;
                        }
                    }

                    function ValidForm(){
                        var forms = CheckForm(document.getElementById(\'fromularz\'));

                        if(forms == false){
                            return 0;
                        }
                    }
                </script>

Przycisk Waliduj:

<input type="button" onClick="ValidForm();" value="Waliduj" />

A tutaj funkcja która po zmianie selecta pobiera do div'a konkretne inputy:

Kod

$("#selects").change(function(){
                $('#data').html('');
                if(selects.value != '-'){
                    $.post("plik.php", {select: ""+selects.value+""}, function(data){
                        if(data.length > 0){
                            $('#data').html(data);
                        }
                    });
                } else {
                    $('#data').html('');
                }
            });