Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Formularz Kontaktowy w html + php od AdrianBienias

xazerek

Przez xazerek
w Niezbędnik Programisty - Archiwum

Rekomendowane odpowiedzi

xazerek Bywalec

xazerek

Opublikowano
Bywalec

xazerek

Opublikowano

Witam.

Znalazłem fajny formularz kontaktowy w php który do pobrania dostępny jest pod filmikiem : http://adrianbienias.pl/jak-zrobic-formularz-kontaktowy-w-php/

Chciałem dodać drugi na jednej karcie dotyczący czegoś innego, ale gdy wypełnimy ten drugi, to wyskakuje walidacja z pierwszego formularza, więc jak je oddzielić? Dodałem każdemu osobną walidacje, zmieniłem 'name' na inne w róźnych formularzach, ale nadal nie pomaga.. Ma ktoś jakiś pomysł jak to rozwiązać?

slepiec68 Rekrut

slepiec68

Opublikowano
Rekrut

slepiec68

Opublikowano

zmien id formularza

<form id="formularzKontaktowy">

(...)

$("#formularzKontaktowy").validate()

i uzyj go przy walidacji

Lepiej jest nie odzywać się wcale i pozwolić ludziom myśleć, że jesteś glupi, niż odezwać się i rozwiać wszelkie wątpliwości.
Mark Twain

xazerek Bywalec

xazerek

Opublikowano
Bywalec

xazerek

  • Autor
Opublikowano

Robiłem tak. To pierwsze co mi przyszło do głowy..

Co to może być?

 

W jednym mam formularzKontaktowy, a w drugim formularzKontakowy1

slepiec68 Rekrut

slepiec68

Opublikowano
Rekrut

slepiec68

Opublikowano

no dobra - "podszkolilem sie" z validate - osobiscie wole walidacje php, ale coz :)

nizej masz dzialajacy kod zbudowany na bazie Twojego formularza x2

 

 

<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
</style>
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/main.css">

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')</script>
<![endif]-->
</head>
<body>
<div class="container">
  <form id="formularzKontaktowy" class="form-horizontal" action="mail.php" method="post">
    <div class="control-group">
      <label class="control-label" for="inputEmail">Email</label>
      <div class="controls">
        <input type="text" name="email" class="input-xlarge" id="inputEmail" placeholder="Email">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="inputSubject">Temat</label>
      <div class="controls">
        <input type="text" name="subject" class="input-xlarge" id="inputSubject" placeholder="Temat wiadomości">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="inputMessage">Wiadomość</label>
      <div class="controls">
        <textarea type="text" name="message" class="input-xlarge" id="inputMessage" placeholder="Twoja wiadomość" rows="6"></textarea>
      </div>
    </div>
    <div class="control-group">
      <div class="controls">
        <button type="submit" class="btn btn-primary">Wyślij wiadomość</button>
      </div>
    </div>
  </form>
  <hr>
  <form id="formularzKontaktowy2" class="form-horizontal" action="mail2.php" method="post">
    <div class="control-group">
      <label class="control-label" for="inputEmail2">2Email</label>
      <div class="controls">
        <input type="text" name="email2" class="input-xlarge" id="inputEmail2" placeholder="Email">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="inputSubject2">2Temat</label>
      <div class="controls">
        <input type="text" name="subject2" class="input-xlarge" id="inputSubject2" placeholder="Temat wiadomości">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="inputMessage2">2Wiadomość</label>
      <div class="controls">
        <textarea type="text" name="message2" class="input-xlarge" id="inputMessage2" placeholder="Twoja wiadomość" rows="6"></textarea>
      </div>
    </div>
    <div class="control-group">
      <div class="controls">
        <button type="submit" class="btn btn-primary">Wyślij wiadomość</button>
      </div>
    </div>
  </form>
</div>
<!-- /container --> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script> 
<script src="js/vendor/bootstrap.min.js"></script> 
<script>
jQuery.validator.setDefaults({
debug: true,
success: "valid"
});
$("#formularzKontaktowy").validate({
     errorClass: "text-error",
  rules: {
    subject: "required",
    message: "required",
    email: {
      required: true,
      email: true
    }
  },
  messages: {
    subject: "Nie wpisałeś tematu wiadomości",
    message: "Nie wpisałeś treści wiadomości",
    email: {
      required: "Nie podałeś swojego adresu e-mail",
      email: "Błędny format adresu e-mail"
    }
  }
});

$("#formularzKontaktowy2").validate({
     errorClass: "text-error",
  rules: {
    subject2: "required",
    message2: "required",
    email2: {
      required: true,
      email: true
    }
  },
  messages: {
    subject2: "Nie wpisałeś tematu wiadomości2",
    message2: "Nie wpisałeś treści wiadomości2",
    email2: {
      required: "Nie podałeś swojego adresu e-mail2",
      email: "Błędny format adresu e-mail2"
    }
  }
});
</script> 
<script src="js/main.js"></script>
</body>
</html>

 

 

Lepiej jest nie odzywać się wcale i pozwolić ludziom myśleć, że jesteś glupi, niż odezwać się i rozwiać wszelkie wątpliwości.
Mark Twain

xazerek Bywalec

xazerek

Opublikowano
Bywalec

xazerek

  • Autor
Opublikowano

Baaaaardzo Ci dziękuję!!

Wielkie dzięki, ale znowu mi się porobiły te gówniane marginesy. Widzisz w tym kodzie, że ten formularz zaczyna się od jakiegoś momentu( chodzi, o te ok. 200px od lewej strony)? Powiesz mi jak sobie z tym poradzić? Bo wcześniej część kodu której potrzebowałem to sobie skopiowałem, a teraz mi się nie chce już z tym bawić bo nad layoutem się napracowałem i z tym formularzem się jeszcze dodatkowo bawiłem. Z góry dzięki i wielki plus dla Ciebie :D

xazerek Bywalec

xazerek

Opublikowano
Bywalec

xazerek

  • Autor
Opublikowano

To jednak była moja wina (dziury w kodzie), ale już to wszystko ogarnąłem. Dziękuję Ci slepiec68 za pomoc. Uratowałeś kilka godzin mojego życia :P.

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...