Contact Form

To organize feedback, the template has the ability to send messages from the contact form, presented on the page 021_contacts.html. Let's review the organization of its functionality.

Form layout:

 <form class="form-validate contact-form crumina-submit" method="post" data-nonce="crumina-submit-form-nonce" data-type="standard" action="modules/forms/submit.php">...</form>

where

• ".crumina-submit" - a required class for initializing scripts for sending messages;
• data-nonce = "crumina-submit-form-nonce" - the data attribute that is responsible for checking the data entered in the form fields and generating a message about their correctness or incorrectness;
• data-type = "standard" - data attribute, which can take 2 values: "standard" - to send messages to the specified mailboxes, which is indicated in the file ..html-hostsite \ HTML \ modules \ forms \ inc \ config.php "mailchimp", '' 'standard' => array ('email' => 'lorem@ipsum.dolor', ...) ' '' , and "mailchimp" - for proper interaction with MailChimp;
• action = "modules / forms / submit.php" - contains the path to the handler file.

Form fields layout:

<input name="name" class="form-control input--squared" type="text" value="Peter Spenser" required><input name="email" class="form-control input--squared" type="email" value="" required><textarea name="message" class="form-control input--squared height-140" placeholder="" required></textarea>

For the form to work correctly, each of the fields must necessarily contain the corresponding name, namely:

• name="name" - for username input field;
• name="email" - for email input field;
• name="message" - for text message input filed.

Note, that for the correct operation of the form, as well as for generating messages, the user must call js scripts on page:

<!-- jQuery-scripts for Modules (Send Message) --><script src="modules/forms/src/js/jquery.validate.min.js"></script><script src="modules/forms/src/js/sweetalert2.all.js"></script><script src="modules/forms/src/js/scripts.js"></script>