estaq

Форма обратной связи

6 posts in this topic

День добрый. Столкнулся с следующей проблемой.

Есть 5 инпутов связанные с JS, нужно сделать так что бы  эти 5 инпутов отправлялись на почту как формы обратной связи. 

Так же я скачал простейший скрипт по обратной связи https://github.com/agragregra/uniMail Работает он нормально, но с формой из моих 5 инпутов работать не хочет. Подскажите кто более опытный в этих делах новичку.

Вот мой код из 5 инпутов:

 

<!DOCTYPE html>
<html>
<head>
    <title>Primer</title>
    <meta name="viewport" content="initial-scale=1">

  </head>
<body>
    <style>
        .demo-container {
            width: 100%;
            max-width: 350px;
            margin: 50px auto;
        }

        form {
            margin: 30px;
        }
        input {
            width: 200px;
            margin: 10px auto;
            display: block;
        }

    </style>
    <div class="demo-container">
        <div class="wrapper"></div>

        <div class="form-container active">
            <form action="">
                <input placeholder="Number" type="tel" name="number">
                <input placeholder="Full name" type="text" name="name">
                <input placeholder="MM/YY" type="tel" name="expiry">
                <input placeholder="Number2" type="number" name="cvc">
            </form>
        </div>
    </div>

    <script src="hard.js"></script> //
    <script>
        new hard({
            form: document.querySelector('form'),
            container: '.hard-wrapper'
        });
    </script>
</body>
</html>

 

А вот форма обратной связи которая работает:


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>uniMail</title>
</head>
<body>

	<form>

		<!-- Hidden Required Fields -->
		<input type="hidden" name="project_name" value="Proba">
		<input type="hidden" name="admin_email" value="admin@site.ru">
		<input type="hidden" name="form_subject" value="Test">
		<!-- END Hidden Required Fields -->

		<input type="text" name="Name" placeholder="You name..." required><br>
		<input type="text" name="E-mail" placeholder="You E-mail..." required><br>
		<input type="text" name="Phone" placeholder="You phone..."><br>
		<button>Send</button>

	</form>
	
	<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
	<script src="script.js"></script>

</body>
</html>

 

Share this post


Link to post
Share on other sites

нужно не только html смотреть еще и hard.js или script.js, в  них отправляемые  поля должны прописываться (инпуты)

Share this post


Link to post
Share on other sites

Первым делом name input не совпадают.

Share this post


Link to post
Share on other sites
7 часов назад, files сказал:

Первым делом name input не совпадают.

Ставил такие же name input ничего не менялось

Share this post


Link to post
Share on other sites
9 часов назад, wtf322 сказал:

нужно не только html смотреть еще и hard.js или script.js, в  них отправляемые  поля должны прописываться (инпуты)

Да, скорей всего сам файл mail.php неправильно настроил. Вот исходник mail.php https://github.com/agragregra/uniMail/tree/master/script

Share this post


Link to post
Share on other sites

Ошибка была одна из самых глупых которые я виде в жизни. Не указал form method="post" Теперь все работает. Вопрос закрыт, спасибо за ответы

 

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

  • Recently Browsing   0 members

    No registered users viewing this page.