|
HTML - Cannot Get Contact Form To Work With An Email Validator
Hi all,
Could somebody please give me a hand as to why this contact form is not working? In the Head section: Code: <script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false;}
else {return true;}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false;}
}
}
</script>
In the HTML body section: Code: <form id="contacts-form" onsubmit="return validate_form(this)" action="contact.php" method="get">
<div class="wrapper">
<div class="col-1">
<label>Name:<br /><input type="text" name="name" required/></label>
<label>E-mail:<br /><input type="text" name="email" required/></label>
</div>
<div class="col-2">
Message:<br /><textarea cols="" name="message" required rows=""></textarea>
<div class="alignright"><a href="#" onClick="document.getElementById('contacts-form').reset()" class="more"><strong>clear</strong></a> <a href="#" onClick="document.getElementById('contacts-form').submit()" class="more"><strong>send message</strong></a> </div>
</div>
</div>
</form>
It just sends the form without validating the email address, Any help would be wonderful. Thanks Similar TutorialsHI need help to editing the template form that can't work. below is the forms code, some one know what to sit or add any for make the form work. <td valign="top" width="270" style="height:100% "> <!--webbot BOT="GeneratedScript" PREVIEW=" " startspan --><script Language="JavaScript" Type="text/javascript"><!-- function FrontPage_Form1_Validator(theForm) { if (theForm.Name.value == "") { alert("Please enter a value for the \"Your full name\" field."); theForm.Name.focus(); return (false); } if (theForm.Email_address.value == "") { alert("Please enter a value for the \"E-mail address\" field."); theForm.Email_address.focus(); return (false); } if (theForm.Message.value == "") { alert("Please enter a value for the \"Your message\" field."); theForm.Message.focus(); return (false); } return (true); } //--></script><!--webbot BOT="GeneratedScript" endspan --><form method="POST" name="FrontPage_Form1" action="mailto:support@itacstudio.com" onSubmit="return FrontPage_Form1_Validator(this)" webbot-action="--WEBBOT-SELF--" language="JavaScript"> <!--webbot bot="SaveResults" startspan S-Email-Format="TEXT/PRE" S-Email-Address="support@itacstudio.com.com" B-Email-Label-Fields="TRUE" B-Email-ReplyTo-From-Field="TRUE" S-Email-ReplyTo="Email_address" S-Builtin-Fields="REMOTE_NAME HTTP_USER_AGENT" S-Form-Fields="Name Email_address Telephone Message " U-Confirmation-Url="index-4.html" --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><!--webbot bot="SaveResults" endspan i-checksum="43374" --> <table cellpadding="0" cellspacing="0" border="0" style="height:100% "> <tr> <td valign="top" width="270" height="125"> <div style=" margin-left:0px; margin-top:0px "><a href="index-4.html"><img src="images/p4.jpg" alt="" border="0" width="270" height="122"></a></div> </td> </tr> <tr> <td valign="top" width="270" style="background-image: url('images/5_bg.gif'); background-repeat: no-repeat; background-attachment: scroll; background-color: #E7E7E7; height: 100%; background-position: Right 100%"> <div style=" margin-left:28px; margin-top:21px "><img src="images/5_w3.gif" alt="" border="0" width="123" height="17"></div> <div style=" margin-left:30px; margin-top:11px; margin-right:20px; line-height:14px " class="b2">Your full name:</div> <div style="margin-left:30px; margin-top:0px;"><!--webbot bot="Validation" S-Display-Name="Your full name" B-Value-Required="TRUE" --><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Name"></div> <div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">E-mail address:</div> <div style="margin-left:30px; margin-top:0px;"><!--webbot bot="Validation" S-Display-Name="E-mail address" B-Value-Required="TRUE" --><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Email_address"></div> <div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">Your telephone:</div> <div style="margin-left:30px; margin-top:0px;"><input type="text" class="b" style=" width:217px; height:20px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7 " size="20" name="Telephone"></div> <div style=" margin-left:30px; margin-top:4px; margin-right:20px; line-height:14px " class="b2">Your message:</div> <div style="margin-left:30px; margin-top:1px;"><!--webbot bot="Validation" S-Display-Name="Your message" B-Value-Required="TRUE" --><textarea cols="35" rows="35" class="b" style=" width:217px; height:144px; border-style:solid; border-width:1px; border-color:#BEC0C2; background-color:#E7E7E7; overflow:hidden " name="Message"></textarea></div> <div class="b" style="width: 84; height: 19; margin-left: 180px; margin-top: 3px"><input border="0" src="images/button_submit.jpg" name="I1" width="55" height="13" type="image"></div> </td> </tr> </table> </form> I have this code that I am using for a contact form on my website. What do I need to add for it to send the data in the fields to my email address Code: <form name='Contact Time For You' action='sent.htm' method='POST' enctype='multipart/form-data' onsubmit='return verifyMe();'>
<table class='table_form_1' id='table_form_1' cellspacing='0' width="271" align="right">
<tr>
<td class='ftbl_row_1a' width="241" align="left" >
<font face="Arial" size="2"><LABEL for='Full_Name' ACCESSKEY='none' ><b style='color:red'>*</b>Your Name
</label></font>
<font face="Arial">
<input type='text' name='Full_Name' id='Full_Name' size='34' value=''></font></td>
</tr>
<tr>
<td class='ftbl_row_2a' width="241" align="left" >
<p>
<font face="Arial" size="2"><LABEL for='Email' ACCESSKEY='E' ><b style='color:red'>*</b><u>E</u>mail Address
</label></font>
<font face="Arial">
<input type='text' name='Email' id='Email' size='34' value=''></font></td>
</tr>
<tr>
<td class='ftbl_row_1a' width="241" align="left" >
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" size="2"><LABEL for='Telephone' ACCESSKEY='T' ><b style='color:red'>*</b><u>T</u>elephone
</label></font>
</p>
<p style="margin-top: 0; margin-bottom: 0"><font face="Arial"><input type='text' name='Telephone' id='Telephone' size='15' value=''></font></p>
<p style="margin-top: 0; margin-bottom: 0"> </td>
</tr>
<tr>
<td class='ftbl_row_2a' width="241" align="left" >
<font face="Arial" size="2"><LABEL for='Enquiry_Text' ACCESSKEY='none' ><b style='color:red'>*</b>Enquiry</label></font><font face="Arial"><textarea name='Enquiry_Text' id='Enquiry_Text' cols='28' rows='6' value=''></textarea></font></td>
</tr>
<tr>
<td class='ftbl_row_1a' width="241" align="left" >
<p>
<font face="Arial" size="2"><LABEL for='Code' ACCESSKEY='none' ><b style='color:red'>*</b>Offer Code
</label></font>
<font face="Arial">
<input type='text' name='Code' id='Code' size='34' value=''></font></td>
</tr>
<tr>
<td align='center' width="249">
<p style="margin-top: 1; margin-bottom: 1"> </p>
<p style="margin-top: 1; margin-bottom: 1"><font color="#FFFFFF">
<input type='submit' name='submit' value='Send' style="float: right; color: #FFFFFF; font-family: arial; font-weight: bold; background-color: #000080"></font> </td>
</tr>
</table>
</form>
Thank you in advance, Dan Hi, Does anyone know how to get in contact with a moderator since the contact form is crap and doesn't work. It tells me I've entered the wrong Security id even thought there is none on the contact page. cheerz Hi Jquery Guros, I develop register form (in arabic). I added "validator.addMethod" to check the firstname text.I want to check that the "firstname" text must be in INGLISH leter and Numbers(means, user can't insert arabic leters or anything else). I added the script: ///////// chack firstname (English leter OR numbers <b> Code: $.validator.addMethod("firstname",function(value,element){
return this.optional(element) || /^[a-zA-Z0-9._-]{3,16}$/i.test(value);
},"Username are 3-15 characters");
</b> You can check the script at: http://www.alnaddy.com/ldap/index1.php Can anybody help me guys? Thanks a lot. Sam. 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'm trying to create a form for my website that will email me the information when submitted. I don't know if this can be done in HTML. I cant use PHP on my forum so it cant be that. The other option i have is one coded in JavaScript. Anyone know where i can either get a html or JavaScript code for such a thing please. Thanks Jake Not sure if this is the right place but I was just wondering if anyone could help me. I'm trying to make an option on my contact form that when you click it, it affects whether you have to enter the other fields or drop-down box. For example and simply put, if someone clicked the box labeled 'red', then it would be required for them to fill out the box that says 'explain your choice'. However if they do not click red, then they do not need to fill out the 'explain your choice' box... How do I do this? Is there a name for it? Thanks for any help I want to be able to have three boxes that a visitor can enter input and it be emailed to me. For example: Name - (Visitor types in name) Email - (Visitor types in email) Question - (Visitor types in question) Than they hit Submit and it is emailed to me. I have found code that uses Outlook to do it, but I want it to do it through the website. I'm new to this so I'm going to post the template I found and then hopefully someone can make it right. Will upload two text files first is the contact page its an html file. the other is the contact script as a php file. Sorry if this has been brought up before but i've been trying now for about 6 hours. Thank you Bill Ruiter Hello guru's, I have created a contact form on the website, but i dont know how to send the information that the users has typed to my email address What code do i need to type? Hi guys, i'm here with another question, I need to make a contact form for my website, I posted this at html section but i'm not sure, some people say it's html, some php some say it's both... So I googled a bit and all I find are things like this: Code: <form method="post" action="mailto:youremail@email.com"> <textarea rows="5" cols="20" wrap="physical" name="comments"> Enter Comments Here </textarea> <input type="submit" value="Send Email"> </form> This just opens windows live mail..I want to people just click a button "send email" and it sends to my email, nothing more...not this confusions...i've been googling and I find nothing, so I want to talk to the experts, which are you guys is there something wrong with this code im not recieving emails <form name=contactme action=contactme.php method=post> <div align="center"> <table> <tr> <td align=right>Name:</td> <td width="15"> </td> <td><input size=45 maxlength=45 type=text name=name style="font-family: Courier New; font-size: 10pt"></td></tr> <tr> <td align=right>Email:</td> <td> </td> <td><input size=45 maxlength=45 type=text name=from style="font-family: Courier New; font-size: 10pt"></td></tr> <tr> <td align=right>Subject:</td> <td> </td> <td><input size=45 maxlength=90 type=text name=subject style="font-family: Courier New; font-size: 10pt"></td></tr> <tr> <td valign=top align=right>Contents:</td> <td> </td> <td><textarea name=body rows=12 cols=60 style="font-family: Courier New; font-size: 10pt"></textarea></td></tr> <tr> <td> </td> <td> </td> <td><input type=submit value=" Submit " name=submit style="font-size: 10pt; font-family: Tahoma"></td></tr> </table> </div> </form> Can someone please let me know where I can find a free contact form for my site. All I want is a simple form - eg: Name: Email: Message: Send: If possible a form that I can copy and paste right onto my site, thanks! Hello, I am working on a contact page and was wondering if someone could help me with the following. I have created my form in html already with minor look changes in css (nothing big). I would like to write a javascript that will first validate the manditory fields (Name, email, and the message) after which it will compile all entered data into a popup/new page that JUST shows the information to be copy and pasted to an email; then later sent off. For example if someone enters their name, email, location and message, the javascript will accept the form due to all the mandatory fields being present, and then depending on what the user input in the input fields, it will output something like the following on a new page or window: COPY AND PASTE BELOW THIS LINE --------------------------------------------------- Name: So and So Email: name@email.com Location: Country Message: Message is whatever length. --------------------------------------------------- I do have basic java knowledge so im not a total newbie. Thank you for all help; hope this isnt too daunting a task for you all. Just a little insight needed. Thanks again, -Alim I would like someone to help me get the email form on the html page working. I am so lost! http://hershs-salsa.com/locations.html Alright, i'm having a problem with this contact form. I made it so that it will send to your email. But when I submit, its supposed to say on a new page "Your message has been sent.", but when I send it, all it says is "'); header('Location: sent.html'); ?>". Here is the codes: Code: <html> <head> <title>Contact</title> </head> <body> <form action="form.php" method="post"> Name<br/><input type="text" name="name" /><br/> Email<br/><input type="text" name="email"/><br/> Message<br><textarea row="7" cols="70" name="message"></textarea><br/> <input type="submit" value="Submit" /> </form> </body> </html> Code: <?php
$name = $_POST['name'];
$email = $_POST['email'];
$text = $_POST['mesasge'];
mail('EMAILHERE', 'message, $text, 'From: ' . $name . ' <' . $email . '>');
header('Location: sent.html');
?>
Code: <html> <head> <title>Sent</title> </head> <body> Your message has been sent. </body> </html> Help will be appreciated. Thanks for your time. For my website i want to create a table/form where people can fill in thier email, a comment and it sends it to my emai without them actualy knowing my email addressl, any idea how i can do this? Many Thanks, Narc Hello everyone, I know this might sound easy but I can't remember how to do this. Does anyone know how to send information from a simple form by hitting the submit button and I should be able to view the data in my domain email? I guess you can say I can check my email and the name, email and message form fields would displayed. I've created the form, form fields and the buttons in dreamweaver. I'm not sure if the enctype is ="multipart/form-data" I've done this before in front page. it come out as a web bot but i cant remember how this works in dreamweaver. I hope I haven't confused anyone. Please reply if you know what I'm talking about. Thank you. Here is the code below from my contact.html page: <form action="thankyou.asp" method="post" enctype="text/plain" name="contactform" target="_blank"> <span class="formstitle">Name:</span><br> <input name="textfield" type="text" class="formstitle2" size="30" maxlength="30"> <br> <br> <span class="formstitle">Email:</span><br> <input class="formstitle2" name="email" type="text" id="email" size="30" maxlength="30"> <br> <br> <span class="formstitle">Message:</span><br> <textarea name="message" cols="30" rows="4" class="formstitle2" id="message"></textarea> <br> <br> <input name="Submit" type="image" value="Submit" src="images/submit.gif" alt="submit" width="56" height="28"> <input type="image" src="images/clear.gif" alt="clear" width="56" height="28"> <br> </form> Hello, html/web coding geniuses... (does flattery get me anywhere?) I posted a day or two ago and didn't get anyone to reply. I was able to fix most of my issues by finding work-arounds..... So this is not spam. Mostly unrelated to my last post. There are just a few things I have not yet been able to figure out... I have attached a word .doc of the code for a page that looks great on every browser except IE. The lower part of the document with all of the paypal code is the part that gives IE trouble. Any suggestions would be helpful. Also, here's the part where I could really use a genious... My "contacts" page at http://www.arisenfromnothing.com doesn't work at all on IE. I would really love some thoughts on that. And, here a nifty idea... The top of each page has a SEARCH bar that is not currently working. I don't really need a search bar... But I would like to convert it to a "sign up for our mailing list" sort of thing. Any ideas? Thanks! Hi, Lookign for a good soruce for a contact/support form. I have a simple contact form but now i want to add some validation checks. If any has a form already that they would happily share or knows where i can get a form similar to the below please let me know. My contact form needs to have: Name (required) Email (validation check) phone (required) Comments (just a text area) how did you here about us? check boxes to include search engine (with a text box to put name) advert flyer friend/colleague other (with a text box to fill in) submit and reset The support form needs to be: name (required) web address (required) email (validation check) phone (required) comments (just a text area) checkbox to accept terms and conditions (required) (terms and conditions to be stored in a scrollable text area which cant be edited but can be read) submit and reset If anyone can point me at a source to get most of this already done then it will save me alot of time. CC_DESIGN |
|||||||