SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Nov 2004
    Location
    Chicago
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Submit status in div

    I searched the forum and I couldn't find a solution, unless I missed a thread someplace

    But what im trying to do is when the submit button is clicked I want to give the status of the form submiting in a div instead of the page refreshing to state the form was submitted.

    The same way I have the validate error messages to come up when a field is empty.

    PHP Code:
    <?php

    if ($_POST['submit'] == TRUE) {
        
    $receiverMail "****@gmail.com";
        
    $name        stripslashes(strip_tags($_POST['name']));
        
    $email        stripslashes(strip_tags($_POST['email']));
        
    $company        stripslashes(strip_tags($_POST['company']));
        
    $phone        stripslashes(strip_tags($_POST['phone']));
        
    $subject    "Form";
        
    $message        stripslashes(strip_tags($_POST['message']));
        
    $ip            $_SERVER['REMOTE_ADDR'];
        
    $date    date("YmdGis");
        
    $time    date("G:i:s");
        
    $msgformat    "
    From: 
    $name\nEmail: $email

    Date: 
    $date\nTime: $time

    Company: 
    $company\nTelephone: $phone\nIP: ($ip)
    $message";

        if(empty(
    $name) || empty($email) || empty($message)) {
            echo 
    "<h2>The email was not sent</h2><p>Please fill all the required fields</p>";
        }
        elseif(!
    ereg("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$"$email)) {
            echo 
    "<h2>The email was not sent</h2><p>The email address is invalid</p>";
        }
        elseif(
    mail($receiverMail$subject$msgformat"From: $name <$email>")) {
            echo 
    "<h2>The email has been sent!</h2><p>I will get back to you as soon as possible.</p>"; }
        else {
            echo 
    "<h2>The email was not sent</h2><p>Please try again... If the problem continues there's probably something wrong with the server.</p>";
        }
    // send copy of email to visitor
    mail(
    "$name <$email>",
    "Autoresponse Notification"
    "
    From: 
    $name\nEmail: $email

    Date: 
    $date\nTime: $time

    Company: 
    $company\nTelephone: $phone\nIP: ($ip)

    $message""From: <****@gmail.com>");
    }
    ?>


    Code:
    <script language="JavaScript" type="text/javascript">
    	function validateForm() {
    		success=true;
    
    		errorObj=document.getElementById('nametxterror')
    		if (document.forms.emailform.name.value=="") {
    			errorObj.innerHTML="Please enter your name.";
    			success=false;
    		} else {
    			errorObj.innerHTML="";
    		}
    
    		errorObj=document.getElementById('emailtxterror')
    		if (document.forms.emailform.email.value=="") {
    			
    			errorObj.innerHTML="Please enter your email.";
    			success=false;
    		} else {
    			errorObj.innerHTML="";
    		}
    		
    		errorObj=document.getElementById('messagetxterror')
    		if (document.forms.emailform.message.value=="") {
    			errorObj.innerHTML="Please enter a message.";
    			success=false;
    		} else {
    			errorObj.innerHTML="";
    		}
    		
    
    		
    		return success;
    	}
    </script>
    Code:
    		<div id="nametxterror"></div>
    		<div id="emailtxterror"></div>
    		<div id="messagetxterror"></div>
    
    	<div id="form_contact">
    
      
    	
    	<form action="" method="post" id="emailform" onSubmit="return validateForm()">
    	  	  <div class="input" style="float:left; width:175px;"><label class="contactyourname" for="name"><span>Name</span></label><input name="name" type="text" class="textfield"  id="name"  /></div>
    	  <div class="input" style="float:right; width:175px;"><label class="contactcompanyname" for="company"><span>Company Name</span></label><input name="company" type="text" class="textfield"  id="company"  /></div>
    	  	  <div class="input" style="float:left; width:175px;"><label class="contactemail" for="email"><span>Email</span></label><input name="email" type="text" class="textfield"  id="email"  /></div>
    	  <div class="input" style="float:right; width:175px;"><label class="contacttelephone" for="phone"><span>Telephone</span></label><input name="phone" type="text" class="textfield"  id="phone" MAXLENGTH="7" /></div>
    	  <div class="clear"></div>
    
    		<div style="float:left;" class="input"><label class="contactmessage" for="message"><span>Message</span></label><textarea name="message" style="width:320px; height:100;"></textarea></div>
    
    		<div style="float:right;" class="submit"><INPUT class="submit" id="send" title="Send" type="image" src="images/send.jpg" value="Submit Form" name="submit" id="submit"></div>
    	</form>
    
    		</div>

  2. #2
    SitePoint Member
    Join Date
    Nov 2004
    Location
    Chicago
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hate to bump but does anyone know how? or maybe show me a script that can do what I want in the sameway I have.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •