Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Nieaktywny przycisk wyślij, dopóki formularz nie będzie uzupełniony.
cycofiasz
post
Post #1





Grupa: Zarejestrowani
Postów: 711
Pomógł: 127
Dołączył: 5.07.2008
Skąd: Łódź

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


Załóżmy że mam taki oto kodzik:
  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>


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ć?

Ten post edytował cycofiasz 31.07.2008, 14:29:03
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Shili
post
Post #2





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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


Taki przykład na szybko
  1. function sprawdz() {
  2. if(document.getElementById('bla').value != '') {
  3. document.getElementById('submit').removeAttribute('disabled');
  4. }
  5. else {
  6. document.getElementById('submit').setAttribute('disabled', 'disabled');
  7. }
  8. }
  9. <body onload="">
  10. setInterval('sprawdz();', 1000);
  11. <input type="file" name="bla" id="bla">
  12. <input type="submit" disabled="disabled" id="submit" />
  13. </form>
  14. </body>
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 12.10.2025 - 19:44