Problem z dynamicznie ładowanymi danymi do UI jquery Dialog Opcje

[Mayka]

Mam problem z moim skrypcikiem.. wypociłem sobie coś takiego:

[JAVA] pobierz, plaintext 
$(function() {
        var name;
        var email;
        var password;
        var allFields = $( [] ).add( name ).add( email ).add( password );
        var tips = $( ".validateTips" );
 
        function updateTips( t ) {
            tips
                .text( t )
                .addClass( "ui-state-highlight" );
            setTimeout(function() {
                tips.removeClass( "ui-state-highlight", 1500 );
            }, 500 );
        }
 
        function checkLength( o, n, min, max ) {
            if ( o.val().length > max || o.val().length < min ) {
                o.addClass( "ui-state-error" );
                updateTips( "Długość "+n+" musi być pomiędzy" +
                    min + " i  " + max + "." );
                return false;
            } else {
                return true;
            }
        }
 
        function checkRegexp( o, regexp, n ) {
            if ( !( regexp.test( o.val() ) ) ) {
                o.addClass( "ui-state-error" );
                updateTips( n );
                return false;
            } else {
                return true;
            }
        }
 
         $( "#register-user" )
            .button()
            .click(function() {
 
			var rejestracja_usera = $(document.createElement('div')); 
			rejestracja_usera.load('rejestracja.html');
            rejestracja_usera.dialog({ 
            height: 500,
            width: 650,
            modal: true,
            buttons: {
                "Stwórz konto ": function() {
                    var bValid = true;
                    allFields.removeClass( "ui-state-error" );
                      name = document.getElementById("name");
			email = document.getElementById("email");
			password = document.getElementById("password");
                    bValid = bValid && checkLength( name, "Nazwy użytkownika", 3, 16 );
                    bValid = bValid && checkLength( email, "Adresu email", 6, 80 );
                    bValid = bValid && checkLength( password, "hasła", 5, 16 );
 
                    bValid = bValid && checkRegexp( name, /^[a-z]([0-9a-z_])+$/i, "Login musi składać się tylko z cyfr i liter oraz zaczynać literą." );
                    // From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email...ess_validation/
                    bValid = bValid && checkRegexp( email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "Błędny format: np. firma@domena.pl " );
                    bValid = bValid && checkRegexp( password, /^([0-9a-zA-Z])+$/, "Hasło może zawierać tylko litery i cyfry" );
 
                    if ( bValid ) {
                        $( "#users tbody" ).append( "<tr>" +
                            "<td>" + name.val() + "</td>" +
                            "<td>" + email.val() + "</td>" +
                            "<td>" + password.val() + "</td>" +
                        "</tr>" );
                        $( this ).dialog( "close" );
                    }
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            },
            close: function() {
                allFields.val( "" ).removeClass( "ui-state-error" );
            }
        });
	});});
[JAVA] pobierz, plaintext 

I mam przycisk który to otwiera, wszystko było ok do momentu w którym nie zrobiłem dynamicznego ładowania treści.. i coś sie stało z zmiennymi ? Tylko nie wiem co, ja chyba nigdy nie dojde z nimi do porozumienia, zawsze mam z tym problem..
I wywala mi błąd:
TypeError: o is null
if ( o.val().length > max || o.val().length < min ) {
(w linii 18) ktoś mi powie dlaczego ?

Ten post edytował Mayka 5.12.2012, 14:33:34

[nospor]

bValid = bValid && checkLength( name, "Nazwy użytkownika", 3, 16 );
Nigdzie nie widzę, byś zmienną name gdziekolwiek określał

[Mayka]

No linijka 2 a pozniej przypisuje wartość w 52
Czy to znowu nie tak ?

[nospor]

A wybacz, starość nie radość, nie zauważyłem

Z tego wynika, że document.getElementById("name") nie znajduje ci pola o ID="name"
Masz takowe?

[Mayka]

Spoko No własnie nie znajduje tylko dlaczego ? w pliku rejestracja html jest tylko :

[HTML] pobierz, plaintext 
 <form>
    <fieldset>
        <label for="name">Name</label>
        <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
        <label for="email">Email</label>
        <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
        <label for="password">Password</label>
        <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
    </fieldset>
    </form>
[HTML] pobierz, plaintext 

Wiec na moj gust to jest pole name..

Powiem wiecej.. jak wstawie sobie do linijki 54 alert(name);
to mam taki komunikat : [object HTMLInputElement] ale jak zamienie to na
name = document.getElementsByName("name")[0].value;
to pobiera to co jest w polu name... Nic z tego nie rozumiem..

Ten post edytował Mayka 5.12.2012, 15:42:08

[nospor]

I tu leży pies pogrzebany.
Ty ten form masz o tu:
rejestracja_usera
zaś pól szukasz w dokumencie strony. A to dwie różne rzeczy

Czyli nie:
name = document.getElementById("name");
a:
name = rejestracja_usera.find("#name").get(0);
Analogicznie reszta.

ps: skoro już używasz jQuery to naprawdę mógłbyś pisać jak należy a nie bawisz się jeszcze w zwykły js DOM

ps: mówisz ze alert wyświetla ci obiekt name? Hmm.... a nie powinien

Pewnie na stronie masz gdzieś jeszcze pole o id="name"
W takim razie chodzi o email albo o password

[Mayka]

I tu leży pies pogrzebany.
Ty ten form masz o tu:
rejestracja_usera
zaś pól szukasz w dokumencie strony. A to dwie różne rzeczy

Czyli nie:
name = document.getElementById("name");
a:
name = rejestracja_usera.find("#name").get(0);
Analogicznie reszta.

ps: skoro już używasz jQuery to naprawdę mógłbyś pisać jak należy a nie bawisz się jeszcze w zwykły js DOM

ps: mówisz ze alert wyświetla ci obiekt name? Hmm.... a nie powinien

Pewnie na stronie masz gdzieś jeszcze pole o id="name"
W takim razie chodzi o email albo o password

Nie wiedziałem że tak można Ale z getem tak jak podałeś jest taki komunikat jak wyżej.. HTMLobject cos tam.
ale zrobiłem name = rejestracja_usera.find("#name").val(); i alert zwraca wartość pola
ale nadal brakuje niby tego o.val

[nospor]

Ma być tak:
name = rejestracja_usera.find("#name")
I to name masz przekazać do checkLength
Identycznie masz zrobić z email oraz password

[Mayka]

Ma być tak:
name = rejestracja_usera.find("#name")
I to name masz przekazać do checkLength
Identycznie masz zrobić z email oraz password

Działa, Tylko dlaczego alert(name) zwraca OBJECT Object ? To jak bede chciał pobrać wartości tego do jquery to w ten sam sposób ?

No dobra pośpieszyłem sie.. działa w sensie nie wywala błędu ale teraz nie wywala też i komunikatu w "validateTips".. i nie pozwala przejśc dalej, gdzie jeszcze jest jakiś babol ?

Ten post edytował Mayka 5.12.2012, 15:56:32

[viking]

Zainstaluj firebug, w kodzie strony console.log(obiekt); i możesz sobie popatrzeć co konkretnie to jest, jakie ma atrybuty itd. Szybciej niż zastanawiać się na czym pracujemy.

[Mayka]

Zainstaluj firebug, w kodzie strony console.log(obiekt); i możesz sobie popatrzeć co konkretnie to jest, jakie ma atrybuty itd. Szybciej niż zastanawiać się na czym pracujemy.

No bez firebuga to ja sie nie ruszam już Ale czego mam szukać w tym logu ? Bo tu zwraca milion opcji

[nospor]

ale teraz nie wywala też i komunikatu w "validateTips"..

No to zobacz czemu. Czy wszystko trzeba palcem pokazywac....

Kod

function checkLength( o, n, min, max ) {

alert(o.val().length);      
      if ( o.val().length > max || o.val().length < min ) {
alert('Wszedłem tu?');
                o.addClass( "ui-state-error" );

                updateTips( "Długość "+n+" musi być pomiędzy" +

                    min + " i  " + max + "." );

                return false;

            } else {

                return true;

            }

        }

Co wyświetla?

[Mayka]

Ilość wpisanych znakow i "wszedłem tu" no ale i co w związku z tym ze nie wyswietla sie napis ?

[nospor]

Dzięki temu wiemy, że działa poprawnie walidacja znaków.
Dzięki temu wiemy, że nie działa wyświetlanie tekstów. Teraz tam właśnie masz szukać błędu.

[Mayka]

Dzięki temu wiemy, że działa poprawnie walidacja znaków.
Dzięki temu wiemy, że nie działa wyświetlanie tekstów. Teraz tam właśnie masz szukać błędu.

No dobra wiemy.. tylko ty wiesz dlaczego nie działa to wpisywanie a ja nie

edit:

Mam jeszcze jedno pytanie, chciałbym sie dostać do wartości zwracanej przez NicEdit, ładowane jest tak :

[JAVA] pobierz, plaintext 
 bkLib.onDomLoaded(function() { nicEditors.allTextAreas() }); 
[JAVA] pobierz, plaintext 

i znalazłem takie coś ale to działa mi na stronie lokalnej a jak jest ładowana przez diva to nie bardzo wiem jak sie dostać do tego ?

[JAVA] pobierz, plaintext 
 
    bkLib.onDomLoaded(function(){
      var myEditor = new nicEditor({fullPanel : true }).panelInstance('myArea2');
      myEditor.addEvent('add', function() {
        alert( myEditor.instanceById('myArea2').getContent() );
      });
    });
 
[JAVA] pobierz, plaintext 

Ten post edytował Mayka 18.12.2012, 23:16:05