[jquery] jak zresetowac formularz ? Opcje

[nieraczek]

Na stronie xxx.php mam taki formularz do ładowania zdjęcia i opisu:

[HTML] pobierz, plaintext 
<form enctype="multipart/form-data" method="post" action="xxx.php" id="form">
 
Plik ze zdjęciem<input type="file" name="zdjecie" id="sciezka"/>
Opis<input type="text" id="opis" name="opis" value="<?php if(isset($_POST['opis'])) echo $_POST['opis'] ?>" />
 
<input type="submit" name="laduj" value="Wyślij" />
 
</form>
[HTML] pobierz, plaintext 

Czyli po naciśnięciu przycisku submit ladowane jest zdjecie i powracamy na tę samą stronę i jeśli poprzednio w polu input do opisu coś wpisano to ten napis pozostaje.

Jeśli dam przycisk reset:

[HTML] pobierz, plaintext 
<input id="reset" type="reset" value="Reset">
[HTML] pobierz, plaintext 

i w jquery napisz:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function()
{
	$("#reset").click(function() 
	{
		$("#opis").val("");
	});
 
});
</script>
[HTML] pobierz, plaintext 

To po przeładowaniu strony po załadowaniu zdjęcia pole input po naciśnięciu przycisku Reset NIE jest czyszczone.

A jeśli dam przycisk button:

[HTML] pobierz, plaintext 
<input id="reset" type="button" value="Reset">
[HTML] pobierz, plaintext 

i w jquery:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function()
{
	$("#reset").click(function() 
	{
		$("#opis").val("");
	});
 
});
</script>
[HTML] pobierz, plaintext 

To po przeładowaniu strony i nacisnięciu przycisku reset input jest czyszczony, ale z kolei jak pierwszy raz wchodzi się na tę stronę i do pola input typie file ładuje się plik i naciska reset to pole input typu file nie jest czyszczone.

Jest jakies rozwiazanie zeby jak pierwszy raz wchodzi sie na strone po nacisnieciu przycisku reset czyscilo pola oraz po zaladowaniu pliku i nacisnieciu przycisku reset czyscilo pole opisu ?

Ten post edytował nieraczek 20.02.2009, 08:59:35

[slewin]

Coś takiego to reset czyści wszystkie pola

[HTML] pobierz, plaintext 
<form action="http://" method="post" target="_blank" enctype="multipart/form-data">
<input type="text" name="pole" value="" size="20" maxlenght="30" align="left" ><br>
<textarea name="pole55" value="" size="left"></textarea>
<input type="reset" name="pole" value="reset" size="20" size="left" >
<input type="submit" name="pole" value="ok" size="20" size="left" />
</form>
[HTML] pobierz, plaintext 

tutaj czyści nam pole numer 1 o nazwie "nazwa" :

[HTML] pobierz, plaintext 
<form action="" method="" name="formularz">
<input name="nazwa" size="30" maxlength="50" type="text" value="heh">
<input name="nn" size="30" maxlength="50" type="text" value="hehfsdgsd">
<input type="button" value="CZYSC 1 POLE" onClick="document.forms.formularz.nazwa.value='';">
<input type="reset" value="RESET">
</form>
[HTML] pobierz, plaintext 

powinno działać

[nieraczek]

Tak tylko, że u mnie sprawa wygląda inaczej - nieuważnie przeczytałeś mego posta

[slewin]

Przeczytałem , zaraz się napije kawy to może mi się coś rozjaśni .
Z tego co napisałeś

zeby jak pierwszy raz wchodzi sie na stronę po nacisnieciu przycisku reset czyscilo pola oraz po zaladowaniu pliku i naciśnięciu przycisku reset czyscilo pole opisu ?

jak pierwszy raz wchodzisz na stronę to pola nie są czyste
Przecież nie musisz koniecznie tego robić przy użyciu biblioteki jQuery , to co wcześniej napisałem powinno spełnić zadanie

[HTML] pobierz, plaintext 
<form enctype="multipart/form-data" method="post" action="form.php" id="form" name="formularz">
 
Plik ze zdjęciem<input type="file" name="zdjecie" id="sciezka"/>
Opis<input type="text" id="opis" name="opis" value="<?php if(isset($_POST['opis'])) echo $_POST['opis'] ?>" />
<input type="submit" name="laduj" value="Wyślij" />
<input type="button" value="CZYSC POLE OPISU" onClick="document.forms.formularz.opis.value='';">
<input type="button" value="CZYSC POLE FILE" onClick="document.forms.formularz.zdjecie.value='';">
<input type="reset" value="CZYSC WSZYSTKIE POLA">
</form>
[HTML] pobierz, plaintext 

Może czegoś nie rozumie , wytłumacz lepiej

[erix]

Jest jakies rozwiazanie zeby jak pierwszy raz wchodzi sie na strone po nacisnieciu przycisku reset czyscilo pola oraz po zaladowaniu pliku i nacisnieciu przycisku reset czyscilo pole opisu ?

Z tego, co pamiętam, to przeglądarki blokują możliwość ustawienia wartości value dla pól typu file ze względów bezpieczeństwa (np. Ty chcesz tylko wyczyścić pole, ale atakujący mógłby podstawić jakiś inny plik z Twojego dysku).

[sowiq]

Jest jeszcze coś takiego jak reset() - działa podobnie jak <input type="reset"... />.

[ziqzaq]

Jest jakies rozwiazanie zeby jak pierwszy raz wchodzi sie na strone po nacisnieciu przycisku reset czyscilo pola oraz po zaladowaniu pliku i nacisnieciu przycisku reset czyscilo pole opisu ?

Wg. tego co autor wątku pisze to nie chce działania reset (powrót do wartości sprzed edycji pola) tylko coś w rodzaju clear (wyczyszczenie wartości).

O to chodzi?
Np. (zmieniłem tylko id elementów):

Kod

<script type="text/javascript">
$(document).ready(function(){
    // Kopia inputa (czyszczenie polega na wklejeniu kopii zamiast oryginalu)
    var s = $('#input_sciezka').clone();
    $('#button_reset').click(function(){
        // Czyszcze wartosc opisu
        $('#input_opis').val('');
        // Poniewaz wartosc jest read-only, zamieniam na kopie tego pola
        $('#input_sciezka').replaceWith(s.get());
        s = $('#input_sciezka').clone();
    });
});
</script>

Edit: poprawka kodu

Ten post edytował ziqzaq 20.02.2009, 14:15:16