Forum PHP.pl > [js] pobieranie danych z formularza

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js] pobieranie danych z formularza

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

tomek_swat

7.04.2009, 22:05:57

witam,
potrzebuję napisać funkcję, która pobierze mi zawartość 3 inputów doklei do tego jakiegoś stringa i taką zawartość wrzuci mi do textarea na koniec jej zawartości (wszystko w obrębie jednego pliku), czy ktoś ma może coś podobnego lub wie gdzie są informację, które mógłbym w tym celu wykorzystać, nigdy nie pisałem w samym js stąd więc moje pytanie?

z góry dzięki i pozdrawiam

erix

7.04.2009, 22:11:07

Cytat

nigdy nie pisałem w samym js stąd więc moje pytanie?

Google: document.forms

piotrooo89

8.04.2009, 08:42:15

ja bym polecił Ci takie funkcje:

getElemenyById za pomocą value pobranie z inputa.

i aby wsadzić to do textarea innerHTML

ogólnie skrypt nie jest zbyt skomplikowany wystarczy trochę popróbować i zapoznać się z tymi funkcjami.

skowron-line

8.04.2009, 08:47:44

http://www.javascriptkit.com/jsref/form.shtml
lub
document.getElementById()
lub
document.getElementsByName() <- w tym przypadku nie bedzie trzeba dopisywać id do każdego inputa tak samo jak w document.form.

tomek_swat

8.04.2009, 13:13:36

witam,
zdałem sobie sprawę, że potrzebuję dodać te dane bez potrzeby odświeżania strony w tym celu używam więc jQuery
oto działający kod, mam tylko problem by info, które jest wyświeltane przez alert było wrzucane do textarea, oraz potrzebuję dodać
do funkcji dodatkowy parametr int ponieważ mam kilka takich elementów textarea

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
          $(document).ready(function() { 
        $("#dodajImg").ajaxForm( { beforeSubmit: validate } ); 
        });
 
function validate(formData, jqForm, options) { 
 
    var form = jqForm[0]; 
 
    if (!form.nazwaObrazka.value || !form.nazwaAlt.value || !form.nazwaTitle.value) { 
        alert("Wpisz dane potrzebne do dodania obrazka\n Nazwę, Tekst alternatywny i Tytuł !"); 
        return false; 
    } 
 
    var imgSrc = "<img src=\""
        + form.nazwaObrazka.value 
        + "\" alt=\"" + form.nazwaAlt.value 
        + "\" title=\"" + form.nazwaTitle.value + "\" />";
    alert(imgSrc);
}
 
          </script>    
 
        </head>
        <body>
            <form action="js.php" name="dodajImg" id="dodajImg" method="post">
                Nazwa obrazka <br />
                <input name="nazwaObrazka" class="tekst" /><br />
                Tekst alternatywny <br />
                <input name="nazwaAlt" class="tekst" /><br />
                Tytuł obrazka <br />
                <input name="nazwaTitle" class="tekst" /><br /><br />
                <input type="submit" value="Wstaw obrazek" class="przycisk" />
            </form>
            <div id="output1">tomek</div>
        </body>
[HTML] pobierz, plaintext

proszę o małą podpowiedź

erix

8.04.2009, 18:40:10

Kod

var form = jqForm[0];

if (!form.nazwaObrazka.value || !form.nazwaAlt.value || !form.nazwaTitle.value) {

Jest w jQuery konstrukcja $.each, nie rób takich tasiemców.

Cytat

do funkcji dodatkowy parametr int ponieważ mam kilka takich elementów textarea

A po co dodatkowy parametr?

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.