Contact form email service

HTML & CSS
1

Hello again,
Would any of you guys be able to recommend a contact form email service.
I am a novice & working through a sitepoint build your own website book & it suggests ‘freeback’…it looks a tad painful & i was wondering if there was a different option since the books publication.
I’ve searched the forum but most posts on this subject are a few years old too.

Cheers

2

I’ve used this service for many years with no problems: allforms.mailjol.net

We do use the paid version, but it’s only $10 a year.

3

Thanks Greg, I’ll have a look.

4

Hi again,
allforms is pretty straight forward & just what i was looking for thank you. I’ve tested it & been successful but i can’t quite figure out which bit of my markup i need to input for the required fields. I’ve attached a snip from the editor & was wondering if you might have the time to give me a pointer please.

Cheers


<form action= "http://free.allforms.mailjol.net/u/0908f84b.php" method="post" class="contact">
            <fieldset>
                <legend> Contact Form</legend>
                <div>
                    <label for="contactname" class="fixedwidth">Contact Name</label>
                    <input type="text" name="contactname" id="contactname" />
                </div>
                <div>
                    <label for="telephone" class="fixedwidth">Telephone Number</label>
                    <input type="text" name="telephone" id="telephone" />
                </div>
                <div>
                    <label for="email" class="fixedwidth">Email Address</label>
                    <input type="text" name="email" id="email" />
                </div>
                <div>
                    <label for="interest" class="fixedwidth">Area of interest?</label>
                    <select name="interest" id="interest">
5

Use the name that appears in the name attribute of each required input.
So if this field is required:-

<input type="text" name="contactname" id="contactname" />

You should list contactname, as that is what is in the name attribute (name="contactname").

Another thing you can do for required fileds to make the form more foolproof is to add a required attribute to the input.
So you would have:-

<input type="text" name="contactname" id="contactname" required />

You don’t have to do this for every input, just the ones you want to be mandatory.

2 Likes
6

Thanks SamA74,

Tried this & other configurations but still gives me an error.

This nailed it though, thanks for your help.

7

Adding the required attribute gives you on-page validation, which is very useful for your users. But it is not 100% watertight. Older browsers don’t support it and malicious users (hackers) can circumvent it easily.
So you should really double up with post submission validation too.

I don’t know anything about “allforms” but from the text you posted, it sounds like you just type a list of required fields like this.

contactname
telephone
email
interest
1 Like
8

Jeez it shouldn’t have been that easy…:smile:

9

I’ve not used Allforms but I thought the idea was they create all the HTML for you and you don’t need to modify it.

Even if you don’t have a form, you can create online using our Easy Form Creator. No programming knowledge required.

10

Well all it asks for is basic settings info, the link it provides at the end you paste into <form action= & it deals with the rest & i get to use the form I’ve already built…just trying to figure out how to clear the form data after it’s submitted.

11

You can often just refresh the page, but if you have end users who may not know that, and who may need to send multiple messages, you could perhaps add a reset button after the submit button:

<button type="reset" value="reset">Reset</button>
12

Hi ralphm,
I figure this still relies on a user clearing their own data? If someone else visits the contact page presumably they will see the data also if it’s not cleared.
I would like the data to clear automatically after it’s sent & the page refresh.

This works in as far as the info gets sent but i have to use the back button to see my contact page again.

<input type="submit" value="Send me this information" onclick="submitForm()"/>

My site is still in design stage & not live yet, but when it’s live could i link back to my contact page to refresh somehow?

All good fun :smiley:

13

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.