Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] pola wyboru radio
Forum PHP.pl > Forum > XML, AJAX
sumek
10.10.2009, 13:26:55
Witam mam pytanie poniżej mam skróconyy skrypt walidacji w jquery
chodzi mi o pole wyboru z opcjami radio, jest ich dokladnie 4
i teraz jak zrobić aby skrypt wiedzial ze jesli zaznacze pole 1 lub 2 lub 3 lub 4 to jest ok
jesli nie zaznacze zadnego wywala blad ze mam wybrac rodzaj uslugi questionmark.gif?

chodzi o tą linijke " if ((this.rodzaj.checked == '') || (this.rodzaj1.checked == '')){"
poniżej caly kod

[PHP] pobierz, plaintext 
  1. $(document).ready(function() {
  2.  
  3.                         $('#form0').submit(function () {
  4.  
  5.                         if (this.nazwa.value == '') {
  6.                                 $('#info').text('Proszę podać Nazwę Klienta !');
  7.                                 return false;
  8.                         }                                           
  9.  
  10.                         if (this.pesel.value == '') {
  11.                                 $('#info').text('Proszę podać PESEL !');
  12.                                 return false;
  13.                         }
  14.                         if (this.seria.value == '') {
  15.                                 $('#info').text('Proszę podać Serie i nr !');
  16.                                 return false;
  17.                         }                        
  18.                         if ((this.rodzaj.checked == '') || (this.rodzaj1.checked == '')){
  19.                                 $('#info').text('Proszę wybrać rodzaj uslugi !');
  20.                                 return false;
  21.                         }      
  22.                 });
  23. });
[PHP] pobierz, plaintext
erix
10.10.2009, 13:38:47
A nie przypadkiem:
[JAVASCRIPT] pobierz, plaintext 
  1. if ($('input[name=nazwa]', this).val() == '') {
[JAVASCRIPT] pobierz, plaintext

?
sumek
10.10.2009, 13:48:52
Coś nie działa twój przykład.
dałem

[JAVASCRIPT] pobierz, plaintext 
  1. if ($('input[name=rodzaj]', this).val() == '') {
  2.                                 $('#info').text('Proszę wybrać rodzaj uslugi !');
  3.                                 return false;
  4.                         }         
[JAVASCRIPT] pobierz, plaintext


do kazdego input daje id="rodzaj1", rodzaj2.....
a po name jakos nie czyta pewnie coś zle winksmiley.jpg


Cytat(erix @ 10.10.2009, 14:38:47 ) *
A nie przypadkiem:
[JAVASCRIPT] pobierz, plaintext
  1. if ($('input[name=nazwa]', this).val() == '') {
[JAVASCRIPT] pobierz, plaintext
?
Fafu
10.10.2009, 14:24:32
może spróbuj z each:
[JAVASCRIPT] pobierz, plaintext 
  1.  $('#form0 input[type=radio]').each(function() { if(...) {} });
[JAVASCRIPT] pobierz, plaintext
sumek
10.10.2009, 15:52:19
hmm nie czaje tego drugiego ale jesli to ma być tak:

[JAVASCRIPT] pobierz, plaintext 
  1. $('#form0 input[type=radio]').each(function() { 
  2.  
  3.                         if (this.rodzaj.value == '') {
  4.                                 $('#info').text('Proszę wybrać rodzaj usługi !');
  5.                                 return false;
  6.                         }  });
[JAVASCRIPT] pobierz, plaintext


to też nie działa.

może mi ktoś to napisać ?smile.gif bo ja laik jestem jeśli chodzi o jquery ;P
arzach
10.10.2009, 15:57:52 
[JAVASCRIPT] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4. <script>
  5. $(document).ready(function() {
  6. var element = $('input[name=test\[\]]');
  7. element.click(function() {
  8. var wynik = '';  
  9. element.filter(":checked").each( function(){
  10. wynik += $(this).val() + '<br>';
  11. });
  12. $('#wynik').html('Wybrales <br>' + wynik);
  13. }); 
  14. });
  15. </script>
  16.  
  17.  
  18. </head>
  19. <body>
  20. <div id="wynik">Wybrales </div>
  21. <form name="test" method="post" action="">
  22. <input type="radio" name="test[]" value="samochod" />samochod 
  23. <input type="radio" name="test[]" value="dom" />dom
  24. <input type="radio" name="test[]" value="bizuteria" />bizuteria
  25. <input type="radio" name="test[]" value="zwierzeta" />zwierzeta
  26.  
  27. </body>
  28. </html>
[JAVASCRIPT] pobierz, plaintext


Fafu
10.10.2009, 16:02:51
czemu używasz this.rodzaj.value? w jquery powinno być $(this).val()
sumek
11.10.2009, 13:16:34
Nadal nie czaje smile.gif
ale może inaczej wkleje wam kod
[JAVASCRIPT] pobierz, plaintext 
  1. <script>
  2.  
  3.  $(document).ready(function() {
  4.  
  5.  
  6.  
  7.                         $('#form0').submit(function () {
  8.  
  9.  
  10.  
  11.                         if (this.nr_umowy.value == '') {
  12.                                 $('#info').text('Proszę podać nr umowy !');
  13.                                 return false;
  14.                         }
  15.  
  16.                         if (this.data_umowy.value == '') {
  17.                                 $('#info').text('Proszę podać datę !');
  18.                                 return false;
  19.                         }
  20.  
  21.                         if (this.nazwa.value == '') {
  22.                                 $('#info').text('Proszę podać Nazwę Klienta !');
  23.                                 return false;
  24.                         }                                           
  25.  
  26.                         if (this.pesel.value == '') {
  27.                                 $('#info').text('Proszę podać PESEL !');
  28.                                 return false;
  29.                         }
  30.                         if (this.seria.value == '') {
  31.                                 $('#info').text('Proszę podać Serie i nr !');
  32.                                 return false;
  33.                         }                        
  34.  
  35.                         if (this.czas.value == '') {
  36.                                 $('#info').text('Proszę podać czas trwania umowy !');
  37.                                 return false;
  38.                         }                      
  39.                         if (this.taryfa.value == '') {
  40.                                 $('#info').text('Proszę wybrać taryfę !');
  41.                                 return false;
  42.                         } 
  43.                         if (this.promocja.value == '') {
  44.                                 $('#info').text('Proszę wybrać promocję !');
  45.                                 return false;
  46.                         }  
  47.                         if (this.msidn.value == '') {
  48.                                 $('#info').text('Proszę podać nr telefonu !');
  49.                                 return false;
  50.                         } 
  51.                         if (this.sms.value == '') {
  52.                                 $('#info').text('Nie wybrano zgody SMS Promocyjny !');
  53.                                 return false;
  54.                         }                     
  55.  
  56.                 });
  57. });
  58.  
  59. </script>
[JAVASCRIPT] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. <h1>Dodawanie umowy:</h1>
  2. <p><div style="color:red;font-weight:bold;" id="info"> </div></p>
  3. <hr size="1" color="#e1e1e1">
  4. <form action="<? $PHP_SELF ?>" method="post" id="form0">
  5. <table border="0" width="580" id="table1" cellpadding="0" cellspacing="4">
  6.     <tr>
  7.         <td width="181" bgcolor="#E5E5E5" height="30">&nbsp;<b>Nr umowy:</b></td>
  8.         <td bgcolor="#E5E5E5"><input type="text" name="nr_umowy" size="38" id="nr_umowy"></td>
  9.     </tr>
  10.     <tr>
  11.         <td width="181" height="30">&nbsp;<b>Data:</b></td>
  12.         <td><input type="text" name="data_umowy" value="<? echo date('d-m-Y'); ?>" size="38" id="data_umowy"></td>
  13.     </tr>
  14.     <tr>
  15.         <td width="181" bgcolor="#E5E5E5" height="30">&nbsp;<b>Imię Nazwisko / Firma:</b></td>
  16.         <td bgcolor="#E5E5E5"><input type="text" name="nazwa" size="38" id="nazwa"></td>
  17.     </tr>
  18.     <tr>
  19.         <td width="181" height="30">&nbsp;<b>NIP:</b></td>
  20.         <td><input type="text" name="nip" size="38"></td>
  21.     </tr>
  22.     <tr>
  23.         <td width="181" bgcolor="#E5E5E5" height="30">&nbsp;<b>PESEL:</b></td>
  24.         <td bgcolor="#E5E5E5"><input type="text" name="pesel" size="38" id="pesel"></td>
  25.     </tr>
  26.     <tr>
  27.         <td width="181" height="30">&nbsp;<b>SERIA:</b></td>
  28.         <td><input type="text" name="seria" size="38" id="seria"></td>
  29.     </tr>
  30.     <tr>
  31.         <td width="181" bgcolor="#E5E5E5" height="30">&nbsp;<b>Rodzaj usługi</b></td>
  32.         <td bgcolor="#E5E5E5"><input type="radio" value="1" name="rodzaj" id="rodzaj1">Usługa 1 <input type="radio" value="2" name="rodzaj" id="rodzaj2">Usługa 2 <input type="radio" value="3" name="rodzaj3" id="rodzaj">Usługa 3 <input type="radio" value="4" name="rodzaj" id="rodzaj4">Usługa 4</td>
  33.     </tr>
  34.     <tr>
  35.         <td width="181" height="30">&nbsp;<b>Czas umowy:</b></td>
  36.         <td><select size="1" name="czas"  id="czas">
  37.         <option value="6">6</option>
  38.         <option value="12">12</option>
  39.         <option value="18">18</option>
  40.         <option value="24">24</option>
  41.         <option value="36">36</option>
  42.         </select></td>
  43.     </tr>
  44.     <tr>
  45.         <td width="181" bgcolor="#E5E5E5" height="30">&nbsp;<b>Taryfa:</b></td>
  46.         <td bgcolor="#E5E5E5"><select size="1" name="taryfa"  id="taryfa">
  47.  
  48. <?
  49. $zapytanie = mysql_query("SELECT * FROM ... ORDER BY ..");
  50. while($pokaz = mysql_fetch_array($zapytanie)) {
  51.  
  52.   echo("<option value=\"".$pokaz['id']."\">".$pokaz['...']."</option>");
  53.  
  54. }
  55. ?>
  56.         </select></td>
  57.     </tr>
  58.     <tr>
  59.         <td width="181" height="30">&nbsp;<b>Promocja:</b></td>
  60.         <td><select size="1" name="promocja"  id="promocja">
  61. <?
  62. $zapytanie = mysql_query("SELECT * FROM ...ORDER BY ...");
  63. while($pokaz = mysql_fetch_array($zapytanie)) {
  64.  
  65.   echo("<option value=\"".$pokaz['id']."\">".$pokaz['...']."</option>");
  66.  
  67. }
  68. ?>
  69.  
  70.         </select></td>
  71.     </tr>
  72.     <tr>
  73.         <td width="181" bgcolor="#E5E5E5" height="30">&nbsp;<b>Model urządzenia:</b></td>
  74.         <td bgcolor="#E5E5E5"><select size="1" name="telefon">
  75. <option value="brak">- - - - - - - -Brak- - - - - - - -</option>
  76. <?
  77. $zapytanie = mysql_query("SELECT * FROM ...ORDER BY ...");
  78. while($pokaz = mysql_fetch_array($zapytanie)) {
  79.  
  80.   echo("<option value=\"".$pokaz['id']."\">".$pokaz['...']."</option>");
  81.  
  82. }
  83. ?>
  84.         </select></td>
  85.     </tr>
  86.     <tr>
  87.         <td width="181" height="30">&nbsp;<b>nr:</b></td>
  88.         <td><input type="text" name="msidn" size="37"  id="msidn"></td>
  89.     </tr>
  90.     <tr>
  91.         <td width="181" bgcolor="#E5E5E5" height="30">&nbsp;<b>SMS Promocyjny:</b></td>
  92.         <td bgcolor="#E5E5E5"><input type="radio" value="1" name="sms"  id="sms">TAK<input type="radio" value="2" name="sms" id="sms">NIE</td>
  93.     </tr>
  94.     <tr>
  95.         <td width="181" height="30">&nbsp;<b>Nr seryjny:</b></td>
  96.         <td><input type="text" name="imei" size="37"></td>
  97.     </tr>
  98.     <tr>
  99.         <td width="181" height="30">&nbsp;</td>
  100.         <td><input type="image" src="gfx/btn_zatwierdz.gif" value="zatwierdź" name="zapisz"><input type="hidden" value="1" name="zapisz"> </td>
  101.     </tr>
  102. </table>
  103. </form>
[PHP] pobierz, plaintext


nikt nie wie ?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.