Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Wysyłanie i walidacja
bubus_s
post
Post #1





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

Ostrzeżenie: (0%)
-----

Witam.

Mam skrypt który sprawdza czy pola zostały odpowiednio wypełnione.
Jeżeli tak gdy nacisnę przycisk Wyślij. Wyświetla komunikat.

Niestety żadna akcja się nie dzieję.

Natomiast Jeżeli usunę ten skrypt który wyświetla komunikat wszystko działa.

Jednak chce aby wyświetlało komunikat.

Jakieś rady nie mam pomysłu jak to zrobić.

[JAVASCRIPT] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $.validator.setDefaults({
  3. 	calback: function() {
  4. 		alert("Wysłano! cos tam cos.");
  5. 	}
  6. });
  7.  
  8.  
  9.  
  10.  
  11. </script>
[JAVASCRIPT] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <form name="subscribeform" class="cmxform" id="rejestracja2"   method="post"  action="http://myweb.pl">	
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <input type="submit" style="margin: 0px; padding: 0px;" value="Wyslij" name="addService" class="button_vlong button_vlong3 right" />
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
askone
post
Post #2





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

Ostrzeżenie: (0%)
-----

Cytat(bubus_s @ 23.08.2010, 10:22:34 ) *
Witam.

Mam skrypt który sprawdza czy pola zostały odpowiednio wypełnione.


Jaki to skrypt? Podaj link - chyba że to Twoje rozwiązanie autorskie, jednak wtedy pewni byś się nie pytał (IMG:style_emoticons/default/smile.gif)

Pozdrawiam
Go to the top of the page
+Quote Post
Ramzaa
post
Post #3





Grupa: Zarejestrowani
Postów: 207
Pomógł: 17
Dołączył: 4.08.2009

Ostrzeżenie: (0%)
-----

Ja proponuję skorzystać z pluginu validate jquery, jest naprawdę prosty w obsłudze i dobry (IMG:style_emoticons/default/smile.gif)
http://docs.jquery.com/Plugins/Validation
Go to the top of the page
+Quote Post
bubus_s
post
Post #4





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

Ostrzeżenie: (0%)
-----

Już na forum pokazywałem ten skrypt.

Znajduje się on tutaj.
http://forum.php.pl/index.php?showtopic=157239&hl=
Chodzi o tą walidację.
Go to the top of the page
+Quote Post
Ramzaa
post
Post #5





Grupa: Zarejestrowani
Postów: 207
Pomógł: 17
Dołączył: 4.08.2009

Ostrzeżenie: (0%)
-----

Więc w czym problem?
Go to the top of the page
+Quote Post
bubus_s
post
Post #6





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

Ostrzeżenie: (0%)
-----

Problem jest w tym:

[JAVASCRIPT] pobierz, plaintext 
  1.  <script type="text/javascript">
  2.       $.validator.setDefaults({
  3.  
  4.       calback: function() {
  5.  
  6.       alert("Wysłano! cos tam cos.");
  7.  
  8.       }
  9.  
  10.       });
  11.  
  12.       </script>
[JAVASCRIPT] pobierz, plaintext


Sprawdza to czy pola zostały wypełnione.
Jeżeli tak to wywala komunikat. Tak jak ja chce.

Lecz nie wykonuję akcji formularza czyli nie wysyła i nie zapisuję do bazy.
Go to the top of the page
+Quote Post
Ramzaa
post
Post #7





Grupa: Zarejestrowani
Postów: 207
Pomógł: 17
Dołączył: 4.08.2009

Ostrzeżenie: (0%)
-----

Gratulacje w takim razie... Może byś tak kodem poczęstował?

Ten post edytował Ramzaa 23.08.2010, 09:44:04
Go to the top of the page
+Quote Post
bubus_s
post
Post #8





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

Ostrzeżenie: (0%)
-----

Cytat(bubus_s @ 23.08.2010, 10:22:34 ) *
Witam.

Mam skrypt który sprawdza czy pola zostały odpowiednio wypełnione.
Jeżeli tak gdy nacisnę przycisk Wyślij. Wyświetla komunikat.

Niestety żadna akcja się nie dzieję.

Natomiast Jeżeli usunę ten skrypt który wyświetla komunikat wszystko działa.

Jednak chce aby wyświetlało komunikat.

Jakieś rady nie mam pomysłu jak to zrobić.

[JAVASCRIPT] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $.validator.setDefaults({
  3. 	calback: function() {
  4. 		alert("Wysłano! cos tam cos.");
  5. 	}
  6. });
  7.  
  8.  
  9.  
  10.  
  11. </script>
[JAVASCRIPT] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. <form name="subscribeform" class="cmxform" id="rejestracja2"   method="post"  action="http://myweb.pl">	
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <input type="submit" style="margin: 0px; padding: 0px;" value="Wyslij" name="addService" class="button_vlong button_vlong3 right" />
[HTML] pobierz, plaintext


A to co jest:?

No i do tego formularz normalny.

Coś więcej potrzeba?
Go to the top of the page
+Quote Post
Ramzaa
post
Post #9





Grupa: Zarejestrowani
Postów: 207
Pomógł: 17
Dołączył: 4.08.2009

Ostrzeżenie: (0%)
-----

Cytat(bubus_s @ 23.08.2010, 10:36:11 ) *
Lecz nie wykonuję akcji formularza czyli nie wysyła i nie zapisuję do bazy.


No a jak uważasz? (IMG:style_emoticons/default/smile.gif)

Ten post edytował Ramzaa 23.08.2010, 09:47:03
Go to the top of the page
+Quote Post
askone
post
Post #10





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

Ostrzeżenie: (0%)
-----

Hej

Sprawdziłem na stronie z dokumentacją skryptu i co ciekawe nie znalazłem tam informacji nt opcji "callback"... Z tego co na szybko przeczytałem to aby po poprawnym przesłaniu formularza do skryptu został wyświetlony komunikat należy przypisać odpowiednią funkcję do "submitHandler" - jest tam nawet przykład (IMG:style_emoticons/default/winksmiley.jpg)

Pozdrawiam
Go to the top of the page
+Quote Post
bubus_s
post
Post #11





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

Ostrzeżenie: (0%)
-----

Znalazłem takie coś:

[JAVASCRIPT] pobierz, plaintext 
  1. $("#myform").validate({
  2.  submitHandler: function(form) {
  3.    // some other code
  4.    // maybe disabling submit button
  5.    // then:
  6.    $(form).submit();
  7.  }
  8. });
[JAVASCRIPT] pobierz, plaintext


Oraz takie:
[JAVASCRIPT] pobierz, plaintext 
  1. $("#myform").validate({
  2.  submitHandler: function(form) {
  3.    form.submit();
  4.  }
  5. });
[JAVASCRIPT] pobierz, plaintext



I tak nie rozumiem tego.
Ale postaram się coś z tego wykombinować.
Go to the top of the page
+Quote Post
Ramzaa
post
Post #12





Grupa: Zarejestrowani
Postów: 207
Pomógł: 17
Dołączył: 4.08.2009

Ostrzeżenie: (0%)
-----

Łap: http://ownpage.pl/jquery/sprawdzanie-pol-f...comment-page-1/
Wszystko opisane krok po kroku.
Go to the top of the page
+Quote Post
bubus_s
post
Post #13





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

Ostrzeżenie: (0%)
-----

Dzięki.
Ale ja właśnie wcześniej z tego korzystałem;]
Wszystko działa.
Tylko.
Mam Zrobioną walidację.
Jeżeli wypełnie poprawnie formularz
Wyświetla 
[JAVASCRIPT] pobierz, plaintext 
  1. $.validator.setDefaults({
  2. 	calback: function() {
  3. 		alert("Wysłano! Sprawdź swoją skrzynkę e-mailową - znajdziesz tam nową wiadomość, w której znajdziesz link; musisz go kliknąć, aby potwierdzić chęć otrzymywania artykułu ode mnie.\n\nUwaga! E-maila z prośbą o potwierdzenie chęci otrzymania artykułu najprawdopodobniej trafi do SPAMu.");
  4. 	}
  5. });
[JAVASCRIPT] pobierz, plaintext


Niestety przez to nie chce się wykonać akcja z formularza czyli.

[HTML] pobierz, plaintext 
  1. <form name="subscribeform" class="cmxform" id="rejestracja2"   method="post"  action="Myweb.pl" >
  2. // Tutaj Formularz
  3. // Tutaj Formularz
  4. // Tutaj Formularz
  5. 	<input type="submit" style="margin: 0px; padding: 0px;" value="wyslij" name="addService" class="button_vlong button_vlong3 right" />
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
askone
post
Post #14





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

Ostrzeżenie: (0%)
-----

Na stronie, która podał Ramzaa również nie ma słowa o opcji callback lub calback - jak Ty piszesz...
Go to the top of the page
+Quote Post
bubus_s
post
Post #15





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 15.06.2009
Skąd: Lublin

Ostrzeżenie: (0%)
-----

No tak.
Troszkę się pomyliłem ale mimo to
[JAVASCRIPT] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $.validator.setDefaults({
  3. 	submitHandler: function() {
  4. 		alert("Wysłano! .");
  5. 	}
  6. });
  7.  
[JAVASCRIPT] pobierz, plaintext


Komunikat wyskakuję ale nie zapisuję mnie do listy z tego formularza.

Czyli jakby ten skrypt blokował.
Go to the top of the page
+Quote Post
askone
post
Post #16





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

Ostrzeżenie: (0%)
-----

Spróbuj tak:
Index html - modyfikacja
Kod
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Sprzawdzanie pól formularza za pomocą jQuery</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
        <script type="text/javascript" src="js/rejestracja.js" charset="UTF-8"></script>
        <link rel="stylesheet" href="styles.css" />

/* To należy usunąć... */
<script type="text/javascript">
$.validator.setDefaults({
    submitHandler: function() {
        alert("Wysłano! Sprawdź swoją skrzynkę e-mailową - znajdziesz tam nową wiadomość, w której znajdziesz link; musisz go kliknąć, aby potwierdzić chęć otrzymywania artykułu ode mnie.\n\nUwaga! E-maila z prośbą o potwierdzenie chęci otrzymania artykułu najprawdopodobniej trafi do SPAMu.");
    }
});
    
$.metadata.setType("attr", "validate");
</script>
/* do tego miejsca */
</head>


rejestracja.js - modyfikacja
Kod
$(document).ready(function(){
    $("#rejestracja").validate({  
        rules: {
          
            name: {
                required: true,
                minlength: 1
                },
          
              
            
        email: {
                required: true,
                email: true
                }
            },
        messages: {
            name:{
                required: "Pole hasło nie może być puste",
                minlength: "Minimalna długość imienia to 2 znaki"
            },
            
            email:{
                required: "Wprowadź adres e-mail",
                email: "Wprowadź poprawny adres e-mail"
            }
        },
    success: function(label) {
            label.html("&nbsp;").addClass("sprawdzony");
    }
    submitHandler: function(form) {
                   form.submit();
                     alert("Wysłano! Sprawdź swoją skrzynkę e-mailową - znajdziesz tam nową wiadomość, w której znajdziesz link; musisz go kliknąć, aby potwierdzić chęć otrzymywania artykułu ode mnie.\n\nUwaga! E-maila z prośbą o potwierdzenie chęci otrzymania artykułu najprawdopodobniej trafi do SPAMu.");
        }    
  });
});


Nie sprawdzałem ale powinno działać...

Ten post edytował askone 23.08.2010, 10:46:35
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 08:18
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn