Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML][PHP]Dynamiczny formularz ze sprawdzaniem
xxdrago
post 21.10.2013, 15:02:43
Post #1





Grupa: Zarejestrowani
Postów: 654
Pomógł: 42
Dołączył: 27.07.2010
Skąd: Jaworzno

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


Cześć, mam taki gotowy formularz:
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <head>
  3. <title>Dynamiczne formularze</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  6. <script type="text/javascript" src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
  7. <link rel="stylesheet" type="text/css" media="screen" href="http://jquery.bassistance.de/validate/demo/css/screen.css" />
  8. </head>
  9. <body>
  10. <script type="text/javascript">
  11. $(document).ready(function(){
  12. // tworzymy zmienną i, wykorzystamy ją do identyfikowania wierszy
  13. // ustawiamy jej wartość 2, ponieważ jeden wiersz jest już w tabeli
  14. var i = 2;
  15. // tworzymy zmienną szablonWiersza i wczytujemy do niej szablon z textarea #szablon
  16. var szablonWiersza = jQuery.format($("#szablon").val());
  17. // tworzymy funkcję, która dodaje szablon do właściwej tabeli
  18. function dodajWiersz() {
  19. var ii = i++;
  20. // dodajemy wiersz do właściwej tabeli
  21. $("#listaOsob tbody").append(szablonWiersza(ii));
  22. // Nowy wiersz jest już widoczny.
  23. // Każdy element nowego wiersza posiada swoje id
  24. // tr na id: wiersz_2, ikona minus ma id: usunOsobe_2
  25. // Do nowo dodanej ikony - dodajmy zdarzenie.
  26. // W momencie kliknięcia minusa, wiersz zostanie usunięty.
  27. $("#usunOsobe_" + ii).click(function(){
  28. $("#wiersz_" + ii).remove();
  29. });
  30. }
  31. // do przycisku #dodajOsobe dodajemy zdarzenie,
  32. // kliknięcie na przycisk plus wywoła fukcję dodajWiersz
  33. $("#dodajOsobe").click(dodajWiersz);
  34. });
  35. </script>
  36.  
  37. <!-- Szablon wiersza w tabeli -->
  38.  
  39. <textarea id="szablon" style="display:none;" cols="1" rows="1">
  40. <tr id="wiersz_{0}">
  41. <td>{0}.</td>
  42. <td><input type="text" name="imie[]"></td>
  43. <td><input type="text" name="nazwisko[]"></td>
  44. <td><span id="status{0}"></span></td>
  45. <td><img src="http://antczak.org/source/dynamic_forms/12.png" id="usunOsobe_{0}" alt="usun"></td>
  46. </tr>
  47.  
  48. <!-- Właściwa tabela -->
  49.  
  50. <form id="myForm" action="parser.php" method="post">
  51. <table id="listaOsob">
  52. <tr>
  53. <th>Lp</th>
  54. <th>Imię</th>
  55. <th>Nazwisko</th>
  56. <th>Status</th>
  57. <th>+/-</th>
  58. </tr>
  59. </thead>
  60. <tr>
  61. <th colspan="4">
  62. <input type="submit" name="wyslij" value="Wyślij">
  63. </th>
  64. </tr>
  65. </tfoot>
  66. <tr>
  67. <td>1.</td>
  68. <td><input type="text" name="imie[]"></td>
  69. <td><input type="text" name="nazwisko[]"></td>
  70. <td><span id="status"></span></td>
  71. <td><img src="http://antczak.org/source/dynamic_forms/11.png" id="dodajOsobe" alt="dodaj"></td>
  72. </tr>
  73. </tbody>
  74. </table>
  75. </form>
  76. </body>
  77. </html>


Potrzebowałbym, zrobić sprawdzanie dla nowych pól a raczej wyszukiwanie dynamiczne w danym polu dla loginu, nie wiem jak to zrobić, żeby skrypt mi po prostu nie nadpisywał szukania..

Skrypt szukania:
http://www.w3schools.com/php/php_ajax_livesearch.asp


--------------------
GG: 10972302 :)
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 25.04.2025 - 05:24