Jump to content

Recommended Posts

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

Есть 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
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.

×
×
  • Create New...