static-contact-validatedForm
source link: https://www.tuicool.com/articles/hit/vueU7nv
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
What is its use?
You can add a contact form in your static website like site hosted on Github and able to get response from user.
Some Cool Features
Sometimes people try to span your email and you get anonymous emails. To avoid this, I have created this so that one has to authenticate their emails before sending message to you.
- Avoid Spam emails
- Can add as many name fields in your HTML form.
- Get IP address of the sender
Preview
How to use
1.) fork the repository
2.) Host it on any domain you want, I would suggest Glitch
3.) Add an .env file in your root folder for reference see .env.example
4.) Add this to form in your static site
In action field of form add your hosted URL/verify , where hosted URL is one when you host the code on Glitch, Herkou, AWS type services.
<form method="GET" action="your hosted URL/verify" accept-charset="UTF-8" > <input id="name" type="text" name="name" required placeholder="Example:- Messi | Ronaldo"> <input id="email" type="email" name="email" placeholder="Example:- [email protected]" required> <textarea id="textarea" name="message" placeholder="Enter your message" required ></textarea> <button type="submit">Send</button> </form>
namefield in html form for email field is mandatory. Rest you can add as many as you want.
:fire: Enjoy.
license
MIT @knrt10
Recommend
-
184
README.org EBDB is a contact management/addressboo...
-
88
One thing is certain in life: Google apps are going to get regular interface tweaks. Okay, somebody might have said something about death and taxes, but we... by Cody Toombs in News
-
93
Read reviews, compare customer ratings, see screenshots, and learn more about Fling - Contact Share. Download Fling - Contact Share and enjoy it on your iPhone, iPad, and iPod touch.
-
85
Java 10 introduces the var keyword, which lets the compiler infer local variable types. Here's how var works, why it exists, how it impacts readability.
-
76
What if I told you it can be done with zero dependencies? Hope you’re up for a challenge because that’s exactly what we’ll be doing. This tutorial will cover the basics of both the front-end contact form, with v...
-
54
The latest version of Google Duo has landed, but like so many other updates, it doesn't appear to change anything immediately upon installation. However, a... by Cody Toombs in APK Teardown, Applications, Downloads, News
-
39
My recent post about lovely exceptions opened very interesting question. In comments bellow the post, in Reddit thread and on Twitter.A questions about connecting string with variables.You have 3 options. Each has its strong and weak points. Ho...
-
77
There are many ways to create contact forms, from using HTML and jQuery or HTML and Javascript to choosing more modern frameworks like React. Today we’ll try to do something a little different, in a modern way.
-
32
In this tutorial, we’ll walk through the process of styling basic contact form elements. We’ll examine different ways for making a form beautiful and fully functional at the same time. Here’s the form that we’re...
-
8
Post to email
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK