Nieaktywny przycisk wyślij, dopóki formularz nie będzie uzupełniony. Opcje

[cycofiasz]

Załóżmy że mam taki oto kodzik:

[HTML] pobierz, plaintext 
<div class="frm" style="text-align: right; width:400px; margin:auto">
  <form id="formularz" name="form1" method="post" action="costam.php">
    <p>Imię: <input name="imie" type="text" /></p>
    <p>Nazwisko: <input name="nazwisko" type="text" /></p>
    <p>Wgraj zdjęcie:<input name="fotka" type="file" size="30" /></p>
    <p style="text-align:center;"><input type="submit" value="Wyślij" /></p>
  </form>
</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ć?

Ten post edytował cycofiasz 31.07.2008, 14:29:03

[skowron-line]

[HTML] pobierz, plaintext 
<script type="text/javascript">
function valid(){
var imie = document.getElementById( 'imie' ).value;
var nazwisko = document.getElementById( 'nazwisko' ).value;
if( imie.length == 0 || nazwisko.length == 0 ){
alert( 'wypelnij wszystkie pola' );
return false;
}else
return true;
}
</script>
<div class="frm" style="text-align: right; width:400px; margin:auto">
<form id="formularz" name="form1" method="post" action="costam.php" onsubmit="return valid();">
<p>Imię: <input name="imie" id="imie"  type="text" /></p>
<p>Nazwisko: <input name="nazwisko" id="nazwisko"  type="text" /></p>
<p>Wgraj zdjęcie:<input name="fotka" type="file" size="30" />
<p style="text-align:center;"><input type="submit" value="Wyślij" /></p>
</form>
</div>
[HTML] pobierz, plaintext 

Pisane z palca

Ten post edytował skowron-line 31.07.2008, 14:31:02