Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Nieaktywny przycisk wyślij, dopóki formularz nie będzie uzupełniony.
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
cycofiasz
31.07.2008, 14:23:49
Załóżmy że mam taki oto kodzik:
[HTML] pobierz, plaintext 
  1. <div class="frm" style="text-align: right; width:400px; margin:auto">
  2.   <form id="formularz" name="form1" method="post" action="costam.php">
  3.     <p>Imię: <input name="imie" type="text" /></p>
  4.     <p>Nazwisko: <input name="nazwisko" type="text" /></p>
  5.     <p>Wgraj zdjęcie:<input name="fotka" type="file" size="30" /></p>
  6.     <p style="text-align:center;"><input type="submit" value="Wyślij" /></p>
  7.   </form>
  8. </div>
[HTML] pobierz, plaintext


I chciałbym żeby dopóki wszystkie pola nie były uzupełnione, to przycisk submit (Wyślij) był nieaktywny (disabled), a po ich uzupełnieniu stawał się aktywny.
Nic na razie nie czaję z JS, więc piszę tutaj. Mógłbym więc prosić kogoś by mi napisał jak mam to zrobić?
skowron-line
31.07.2008, 14:30:41 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function valid(){
  3. var imie = document.getElementById( 'imie' ).value;
  4. var nazwisko = document.getElementById( 'nazwisko' ).value;
  5. if( imie.length == 0 || nazwisko.length == 0 ){
  6. alert( 'wypelnij wszystkie pola' );
  7. return false;
  8. }else
  9. return true;
  10. }
  11. </script>
  12. <div class="frm" style="text-align: right; width:400px; margin:auto">
  13. <form id="formularz" name="form1" method="post" action="costam.php" onsubmit="return valid();">
  14. <p>Imię: <input name="imie" id="imie"  type="text" /></p>
  15. <p>Nazwisko: <input name="nazwisko" id="nazwisko"  type="text" /></p>
  16. <p>Wgraj zdjęcie:<input name="fotka" type="file" size="30" />
  17. <p style="text-align:center;"><input type="submit" value="Wyślij" /></p>
  18. </form>
  19. </div>
[HTML] pobierz, plaintext

Pisane z palca
cycofiasz
31.07.2008, 14:43:16
Niestety nie chodziło mi o ty by wyskakiwał nieprzyjemny alert by wypełnić te pola, tylko by przycisk wyślij był ustawiony na disabled="false" gdy pola zostaną wypełnione. Proszę także by skrypcik uwzględniał także pole pliku.
Shili
31.07.2008, 15:20:58
Taki przykład na szybko
[HTML] pobierz, plaintext 
  1. <script>
  2.     function sprawdz() {
  3.         if(document.getElementById('bla').value != '') {
  4.             document.getElementById('submit').removeAttribute('disabled');
  5.         }
  6.         else {
  7.             document.getElementById('submit').setAttribute('disabled', 'disabled');
  8.         }
  9.     }
  10. </script>
  11. <body onload="">
  12. <script>
  13. setInterval('sprawdz();', 1000);
  14. </script>
  15. <form>
  16.     <input type="file" name="bla" id="bla">
  17.     <input type="submit" disabled="disabled" id="submit" />
  18. </form>
  19. </body>
[HTML] pobierz, plaintext
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.