Forum PHP.pl > [JavaScript]Wyświetlanie danych z formularza pod formularzem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Wyświetlanie danych z formularza pod formularzem

Spexik

21.10.2013, 10:38:46

Hej,
Szukam przykłądowego rozwiązania, które pomoże mi zrozumiec jak wyświetlać dane z formularza pod formularzem. Poniżej wklejam krucikutki skrypt mojego formularza. Walidacja działa (wykorzystałem pattern) no i jest blokada jak imię będzie puste, ale nie mam pojęcia jak wyświetlić imię kota pod formularzem.

Skrypt nie jest długi więc mam nadzieję, że Moderator nie będzie krzyczał, że wklejam.

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  </head>
  <body>
  <script >
function KotImie(){
    var imieKota=document.kot.imie.value     
    if(!imieKota)
    alert("Podaj imie kota");
}
</script>  
 
<form id="kot" name="kot" method="post">
<fieldset>
    <legend>Imie Twojego Kota</legend>
    <label for="imie">Imię:</label><input pattern="^[A-ZĄĆĘŁŃÓŚŹŻ]{1}[a-ząćęłńóśźż]{2,}$" type="text" name="imie" id="imie" value="" placeholder="Imię z dużej litery" />
</fieldset>      
<fieldset>       
    <input type="submit" value="Zatwierdź" onClick="KotImie();"/>
</fieldset>      
</form>
</body>
</html> 
[HTML] pobierz, plaintext

ber32

21.10.2013, 11:05:46

Witam.

[HTML] pobierz, plaintext 
 
function KotImie(){
var imieKota=document.kot.imie.value
if(!imieKota){
alert("Podaj imie kota");
}else{
document.getElementById("myid").innerHTML=imieKota;
}
<div id="myid"></div>
[HTML] pobierz, plaintext

Spexik

21.10.2013, 11:32:59

Działa, tylko, że wyświetla dane na chwilę i natychmiast znikają.
Jak mogę zrobić, aby po wyświetleniu danych pojawił się przycisk pod nimi "Resetuj" i dopiero ten przycisk usunie te dane?
A i jeszcze jedno oprócz imienia kota chciałbym wyświetlić tekst "Imie Twojego kota:" ale tylko wtedy kiedy imie jest poprawnie wpisane.

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.