|
HTML - How Can I Submit This Page Or Form To My Email
how can i submit this form to my email can any1 one edit it and fix it for me please thank you make sure it works iv tried but it don't work cuz i cnt name the form
Code:
<script>
function validate()
{
var at=document.getElementById("email").value.indexOf("@" && ".")
var age=document.getElementById("age").value
var fname=document.getElementById("fname").value
var lname=document.getElementById("lname").value
var address=document.getElementById("address").value
var header=document.getElementById("header").value
var footer=document.getElementById("footer").value
submitOK="true"
if (fname.length<2)
{
alert("Please Enter Your Name")
submitOK="false"
}
if (fname.length>12)
{
alert("Please Enter Your Name")
submitOK="false"
}
if (lname.length<2)
{
alert("Please Enter Your Last Name")
submitOK="false"
}
if (lname.length>12)
{
alert("Please Enter Your Last Name")
submitOK="false"
}
if (isNaN(age)||age<18||age>100)
{
alert("You have to be over 18 to place a online Order")
submitOK="false"
}
if (address.length<25)
{
alert("Please Enter a valid Address in the Following Format\n\n House/Flat Number\n\n Name of Road/Street\n\n Post Code\n\n Town and the City")
submitOK="false"
}
if (at==-1)
{
alert("Please Retype Your Email, The Email you Entered is not Valid")
submitOK="false"
}
if (header.length<3)
{
alert("Please Enter Your Area Phone Code")
submitOK="false"
}
if (footer.length<8)
{
alert("Please Enter Your Phone Number")
submitOK="false"
}
if (submitOK=="false")
{
return false
}
function shaz()
{
alert("Are You Sure you want to Reset the Whole Page")
}
}
</script>
<body>
<BODY
BACKGROUND="http://img452.imageshack.us/img452/9413/wallpaperox6.jpg"
BGCOLOR="white"
TEXT="blue"
>
<center><IMG SRC="contact.gif"> </center>
<form action="choice.html" onsubmit="return validate()">
Name (Max 9 chararcters): <input type="text" id="fname" size="20"><br />
<p>
Last Name (Max 9 chararcters): <input type="text" id="lname" size="20"><br />
<p>
Age (Over 18's Only ): <input type="text" id="age" size="20"><br />
<p>
Address:<br><textarea id="address" cols="40" rows="5" ></textarea>
<p>
E-mail: <input type="text" id="email" size="20"><br />
<p>
Primary telephone:
(*<input type="text" id="header" size="2" maxlength="4">)
<input type="text" id="footer" size="7" maxlength="8">
<p>
Card Type: <select id="cardtype" onchange='alert("You Have selected "+ cardtype.value)'><br>
<option value = "Home">Home </option>
<option value = "Work">Work </option>
</select> <p>
<input type="submit" value="Click here To Continue" onClick="validate()">
<body>
<form onreset="shaz()">
<input type="Reset">
</body>
</html>
Similar TutorialsHi guys, I have made a website, and it has a text box that I want people to type their email address in, and I have a regular link next to it that says "submit" (not a button or anything). Basically I want the email address that they have entered to be emailed to me when they click the submit link. My hosting is currently just free-hosting at awardspace - is this possible to do there? If not - generally how can I make it work? Thank you for any replies posted :-) I need a basic form to submit for a html web page. Can you provide one with a two seperate fields, one text area, and a submit button? Thanks Hi all, I'm trying to find a way to have my webpage scroll to the bottom automatically after the script: document.form1.submit() is called. I need to run the function/refresh in order to reload some different data into part of the page, but after the refresh the position of the page is always at the top... making the user have scroll down again. I could set some anchors or use window.scroll(0.500); on the page load, but i only want it to scroll down if that function of form1.submit() is called - and thats only called once the page has already loaded for the first time. So the first time a user goes to the page, it loads normally at the top of the page. Then they scroll down themselves and select an option. Once the select an option, the form1.submit() is called and the page refreshes with new data in it but is still at the top. Is what I want possible? Thanks, Mike Hello Im sorry I really dont know HTML but i am a self learner and made a form for my website and it works perfectly but my problem is to SUBMIT it the form will open up Outlook Express and people ahve to send an email and junk. I was wondering if there was a way around it to like get it sent straight to my email address? like on freewebs.com if you submit a form it goes to your email (but of course if you want to do more than 25 form requests you ahve to pay) so i was wondering if anyone can help me or give me a code the email i need it to sent is AnatreDesigns@hotmail.com. if you need anything specific just let me know THANK YOU SO MUCH I've got a form on our contact us page where people can send us emails directly through our website. I want to set it up so when a person hits send, they are redirected to a landing page where it says something like, We have received your message, blah blah blah..... How do I do this? Hi, I am trying to create a form where potential customers can register themselves for updates/newsletters on my site. So far I've just created a separate page because I want to know that it works before linking it up to my frontpage or putting it there somewhere. The form itself wasn't difficult to make, however I'm having some problems when I press the submit button. I'm not sure whether this is to do with the code I'm using or with my internet/Outlook settings and I'm having difficulty finding a solution. I know that a lot of people are using php for forms but I really don't know much about that - even though I have it on my site. (I actually paid someone to do that though.) I'm hoping that there might be simple html solution as I'm not even sure how to create a php page in my control panel. (I use Joomla for my administrator generally but most of the templates for my pages are still only in the front end and I only change the static content pages or modules.) I'm not sure whether this makes any sense The link to my form is: http://www.thejemsite.com/index.php?...&id=52&Itemid= If anyone can give me an idea of what I should do to make this work I would really appreciate it. I'm trying to build up a decent customer contact list and I think this is really the only way I'm going to be able to get the word out...at least without inadvertently spamming people Jenny Dear experts, I want to have a simple form in my website whereby user can give comments etc. I would like to ask if my code is correct or not. <form id="comment-form" action="mailto: contact@blahblahblah.com"/> <input type="button" value="Submit" id="submit"/> I'm not sure if the submit part syntax is it correcet whereby user when they press the button, the form details will go into my email address. Hope someone can advise me. Many thanks. I have tried to NOT use php and the code now is: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Contact us</title>
<!-- define some style elements-->
<style>
h1
{
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-weight : bold;
}
label,a
{
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
.style1 {
text-align: center;
}
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20pt;
}
.style3 {
text-align: center;
font-size: 48pt;
}
.style4 {
text-align: center;
font-size: 28pt;
}
.style5 {
font-size: 20pt;
}
</style>
<!-- a helper script for vaidating the form-->
<script language="JavaScript" src="scripts/gen_validatorv31.js" type="text/javascript"></script>
</head>
<body style="background-image: url('Background.jpg')">
<h1 class="style1"> </h1>
<h1 class="style3">Brandenburg Auto Clinic</h1>
<h1 class="style4">Contact us</h1>
<form method="POST" name="contactform" action="contact-form-handler.php">
<div class="style1">
<p class="style1">
<label for='name' class="style5">Name:</label> <br class="style5">
<input type="text" name="name" style="width: 280px" class="style5"><span class="style5">
</span>
</p>
<p class="style1">
<span class="style2">Street Address</span><br class="style5">
<input type="text" name="address" style="width: 280px" class="style5"><span class="style5">
</span>
</p>
<p class="style1">
<span class="style2">City</span><br class="style5">
<input type="text" name="city" style="width: 280px" class="style5"><span class="style5">
</span>
</p>
<p class="style1">
<span class="style2">State</span><br class="style5">
<input type="text" name="state" style="width: 280px" class="style5"><span class="style5">
</span>
</p>
<p class="style1">
<span class="style2">Zip Code</span><br class="style5">
<input type="text" name="state" style="width: 280px" class="style5"><span class="style5">
</span>
</p>
<p class="style1">
<span class="style2">Home/Work Telephone</span><br class="style5">
<input type="text" name="phone" style="width: 280px" class="style5"><span class="style5">
</span>
</p>
<p class="style1">
<span class="style2">Cell Telephone</span><br class="style5">
<input type="text" name="cell" style="width: 280px" class="style5"><span class="style5">
</span>
</p>
<p class="style1">
<span class="style2">eMail Address</span><br class="style5">
<input type="text" name="email" style="width: 280px" class="style5"><span class="style5">
</span>
</p>
<p class="style1">
<label for='name' class="style5">Year/Make of Vehicle</label>
<br class="style5">
<input type="text" name="tear&make" style="width: 280px" class="style5"><span class="style5">
</span>
</p>
<p class="style1">
<span class="style2">Service Needed</span><br class="style5">
<input type="text" name="needed" style="width: 450px" class="style5"><span class="style5">
</span>
</p>
<p class="style1">
<span class="style2">Preferred Date & Time</span><br class="style5">
<input type="text" name="date&time" style="width: 280px" class="style5">
<br class="style5">
</p>
<p class="style1">
<span class="style2">Comments</span><br>
<textarea name="message" style="width: 306px; height: 197px"></textarea>
</p>
<input type="submit" value="Submit" name="Submit">
<input type="reset" value="Reset"><br>
</div>
</form>
</body>
</html>
If we can get the data into an eMail message when "Submit" is clicked, as well as send a "Thank you" to the user then redirect to the home page I will be more than happy. I have the following code <p style="text-align: left;"><font size="4"><span style="font-weight: bold;"><font size="2"><u><em><select name="Rating"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select><br></em></u></font></span></font></p> <p style="text-align: left;"><font size="4"><span style="font-weight: bold;"><font size="2"></font><input value="Submit" name="naf ds" type="submit"><br></span></font></p> which created a menu with 5 options and then creates a submit button. See where i used it at http://groundzerostudios.googlepages.com/wip ( I am using google pages) Now i need it so when A person selects submit it saves the value some how and displays the amount of ratings and average rate, all this with google pages. Is this possible?. If the above is not possible at least tell me how I could automatically email it to GroundZeroStudios@gmail.com, also I do not want the same IP address to be able to submit it more than once a month, if that is not possible, than the same IP address can only ever vote once. Thanks a lot Hi I made an online application for people to fill out if they want to work with us. I went to w3schools and tried to figure it out. Im a complete noob at this kind of stuff and im not sure why its now working i have double checked it and it is similar to the example i read on their site.. Please help me, I just want it the form to get send to my email. Thank you here is the code i had to split it in 2 posts because it was too long.. sorry <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title><style type="text/css"> <!-- .style1 {font-size: 18px} --> </style></head> <body> <form action="customerservice@gbcmain.com" method="post" enctype="text/plain"> <label>First Name <input type="text" name="firstname" id="firstname" /> </label> <label>Last Name <input type="text" name="lastname" id="lastname" /> </label> <label>SSN <input type="text" name="ssn" id="ssn" /> </label> <p> <label>ADDRESS <input type="text" name="address" id="address" /> </label> <label>City <input type="text" name="city" id="city" /> </label> <label>State <select name="state" id="state"> <option selected="selected">Select One</option> <option>Alabama</option> <option>Alaska</option> <option>Arizona</option> <option>Arkansas</option> <option>California</option> <option>Colorado</option> <option>Connecticut</option> <option>Delaware</option> <option>Florida</option> <option>Georgia</option> <option>Hawaii</option> <option>Idaho</option> <option>Illinois</option> <option>Indiana</option> <option>Iowa</option> <option>Kansas</option> <option>Kentucky</option> <option>Louisiana</option> <option>Maine</option> <option>Maryland</option> <option>Massachusetts</option> <option>Michigan</option> <option>Minnesota</option> <option>Mississippi</option> <option>Missouri</option> <option>Montana</option> <option>Nebraska</option> <option>Nevada</option> <option>New Hampshire</option> <option>New Jersey</option> <option>New Mexico</option> <option>New York</option> <option>North Carolia</option> <option>North Dakota</option> <option>Ohio</option> <option>Oklahoma</option> <option>Oregon</option> <option>Pennsylvania</option> <option>Rhode Island</option> <option>South Carolina</option> <option>South Dakota</option> <option>Tennessee</option> <option>Texas</option> <option>Utah</option> <option>Vermont</option> <option>Virginia</option> <option>Washington</option> <option>West Virginia </option> <option>Wisconsin</option> <option>Wyoming</option> <option>Other</option> </select> </label> </p> <p> <label>Zip <input type="text" name="zip" id="zip" /> </label> </p> <p>Are you 18 years or older? <label> <input type="radio" name="radio" id="yes18" value="yes18" /> Yes</label> <label> <input type="radio" name="radio" id="no18" value="no18" /> No</label> </p> Hiya! All the codes are working well but I have trouble with the email post. When you select an item on dropdown list and then click on the submit button, the email should show Description=Memo pad R62. Problem is that it only shows Description=1 - no words, huh? You can simply copy all these codes and paste on your field so that you can see what I mean. Hope you can help me fix this. Your help much appreciated. Code: <head>
<script type="text/javascript">
var option_values = [];
option_values[0] = [
"Card A6 - R32",
"Memo Pad - R62"
];
option_values[1] = [
"Card A6 - R35",
"Memo Pad - R65"
];
window.onload = function() {
var select_list = document.getElementById("two");
document.getElementById("one").onchange = function() {
// If the selected option has no value, return
if (!this.value) {
return;
}
// Remove all options from the select list
while (select_list.hasChildNodes()) {
select_list.removeChild(select_list.firstChild);
}
// Create and append the default option
var option = new Option("Please select...", "");
select_list.appendChild(option);
// Create and append all options from the appropriate nested array
var value_array = option_values[this.value];
for (var i = 0; i < value_array.length; i++) {
option = new Option(value_array[i], i);
select_list.appendChild(option);
}
}
}
</script>
</head>
<body>
<form action="mailto:youremail@gmail.com" method="post" enctype="text/plain">
<p>Description</p>
<div>
<select id="one" name="Description">
<option value="">Please select...</option>
<option value="0">Happy Birthday Card</option>
<option value="1">Wedding Card</option>
</select>
<select id="two"></select>
</div>
<p>
<input type="submit" value="Send Email"/>
<input type= "reset" value="Clear" />
</p>
</form>
</body>
</html>
Hi, I want to put in a form to get queries from the user, like so: Name: Email: Comments: 'Send' button and that it will send the information to my email address which is gmail? Thanks I have a form with a number of elements. One of these elements is: <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"> Clicking on that element makes the form submit. But if I add a similar element: <input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-butcc-subscribe.gif" border="0" name="submit2" alt="Make payments with PayPal - it's fast, free and secure!"> ...clicking on that also makes the form submit. So was wondering if anyone knew what the rules were for which elements make a form submit? Cheers, James script completed, thx Hi All I need a little help with a <form> I'm trying to create. This is my code.. Code: <h3>Add New Image</h3></br> <form action="upload.php" method="post"> Image Description:<br/> <!--<input type="text" name="imageDescription"/><br/>--> <textarea cols="50" rows="4" name="imageDescription"> </textarea><br/> Path:<br/> <input type="file" name="path"/><br/> <br/><br/> <input type="submit" value="Add New Image"/> </form> When I press the 'Submit' button, a blank page appears. What I would like to happen is for this page to appear again so I can use the form again but I don't know how to do this. Can anyone lend any advice or help? Thank you. I did have some php in this but I took it out as this is a html forum but if it helps, I'll put it back in, just let me know Hi, I want to create a page that has a form designed to look like a form that members have to now fill out manually (eg registration for an event). When I design the html page with the form submit on it, how can I make the emailed form look like the html page that the user saw instead of just lines of data? This is so people who recieve the form via email, it will look like the original form. Thanks Jaden I am designing a site for avaition photos that I have taken. What I want to do is have people who have had pictures taken of their aircraft to find the pictures and discretley release them for publication. The 'hard part' is taking the aircraft registry from a submit feild and returning an apropriate result. What I want to have happen is that if the user submits a registry that I have, they are presented with a page that they can fill out their information confirming that they are who they say they are and that the photo can be released. And if they are not in my list they get a 'sorry photo(s) not found' The question is can I do this without ay scripting or a database? IE If the user has the registration, have it point to a 'submittedregistration.html' file? Thanks for your help all!! I have a job application page on my client's site that needs to be submited, sent to an email adress and then redirected to a 'thank you' page. The format and look of the page appears to be great, but when you hit the 'submit' button on the page, the error message "Method Not Allowed: The requested method POST is not allowed for the URL /job.htm." Apparently, this site's address was recently changed and the submission action was lost somewhere in transfer. The code is below, but if anyone is willing to help, it would be greatly appreciated. THANK YOU! <FORM METHOD="POST" ACTION="http://www....job.htm"><INPUT TYPE="hidden" NAME="recipient" VALUE="email address"> <INPUT TYPE="hidden" NAME="subject" VALUE="Job Application info"><INPUT TYPE="hidden" NAME="redirect" VALUE="http://www.....thanks.htm"> Help with forms i am trying to get a form on my practice website to work and trying to work out how to get the info from the form sent to my email address when poeple click on the submit button the site it currently is on http://members.iinet.net.au/~garyrei...eb%20services/ I am new to websites and learning heaps as go along not bad for 60yr old hey if you click on the contact us section thats the one i am trying to work out for it to send the info fromthe website to an email address im doing something wrong but not sure what or where if any one can help solve this problem or suggest what i can do to get it working properly that would be very helpful thanks for your help gaza I have a website and I know basic html. But I need to know to to make it so that when people fill out a form on my website and hit submit the information will pop up in an orderly fashion on another page. So the world can see what they have submited. If your wondering it has nothing to do with personal info its totaly different. If you dont understand what im getting at then maybe ill say this. I want people to fill out a submit form and then hit submit then once they have done that i want that information they have submited to go on another seperate page on the site and be there permanently. |
|||||||