Databases
StackOverflow2013
Postsdbo
POJQuery form (html) POST to php mail (html)
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJQuery form (html) POST to php mail (html)
    primarykey
    data
    text
    <p>I am experiencing some trouble with my JQuery Post script. I use the Jquery for submitting the (popup) form, and when i disable this function, everything runs smooth. (I just dont want to leave my form page).</p> <p>Part of my Form Input (Some radio buttons)</p> <pre><code>&lt;label&gt;&lt;input type="radio" name="algemene_rating" id="algemene_rating" value="zeer_slecht" /&gt;1&lt;/label&gt; &lt;label&gt;&lt;input type="radio" name="algemene_rating" id="algemene_rating" value="slecht" /&gt;2&lt;/label&gt; &lt;label&gt;&lt;input type="radio" name="algemene_rating" id="algemene_rating" value="matig" /&gt;3&lt;/label&gt; &lt;label&gt;&lt;input type="radio" name="algemene_rating" id="algemene_rating" value="goed" /&gt;4&lt;/label&gt; &lt;label&gt;&lt;input type="radio" name="algemene_rating" id="algemene_rating" value="zeer_goed" /&gt;5&lt;/label&gt; </code></pre> <p>Part of my Form Input (Some checkboxes)</p> <pre><code>&lt;input type="checkbox" name="suggestie_dienstverlening" value="true" style="float:left; margin-bottom:5px;"/&gt;&lt;div class="FeedbackCheckbox"&gt;Dienstverlening&lt;/div&gt; &lt;input type="checkbox" name="suggestie_opmaak" value="true" style="float:left"/&gt;&lt;div class="FeedbackCheckbox"&gt;Opmaak&lt;/div&gt; &lt;input type="checkbox" name="suggestie_functionaliteit" value="true" style="float:left; margin-bottom:5px;"/&gt;&lt;div class="FeedbackCheckbox"&gt;Functionaliteit&lt;/div&gt; &lt;input type="checkbox" name="suggestie_site_inhoud" value="true" style="float:left; margin-bottom:5px"/&gt;&lt;div class="FeedbackCheckbox"&gt;Site inhoud&lt;/div&gt; &lt;input type="checkbox" name="suggestie_anders" value="true" style="float:left"/&gt;&lt;div class="FeedbackCheckbox"&gt;Anders...&lt;/div&gt; </code></pre> <p>Part of my Form Input (Text(Area))</p> <pre><code>&lt;input type="text" name="url_van_foutpagina" style="font-size:9px; width:275px"&gt; &lt;input id="e-mail" type="text" value="" name="email" /&gt; </code></pre> <hr> <p>Without the JQuery, with this PHP script, everything runs smooth:</p> <pre><code>&lt;?php //collect vals $algemene_rating = htmlspecialchars($_POST['algemene_rating']); if ($_POST['suggestie_dienstverlening'] == "true") {$sugestie_onderwerp .= "&lt;li&gt; Dienstverlening &lt;/li&gt;";} if ($_POST['suggestie_opmaak'] == "true") {$sugestie_onderwerp .= "&lt;li&gt; Opmaak &lt;/li&gt;";} if ($_POST['suggestie_functionaliteit'] == "true") {$sugestie_onderwerp .= "&lt;li&gt; Functionaliteit &lt;/li&gt;";} if ($_POST['suggestie_site_inhoud'] == "true") {$sugestie_onderwerp .= "&lt;li&gt; Site inhoud &lt;/li&gt;";} if ($_POST['suggestie_anders'] == "true") {$sugestie_onderwerp .= "&lt;li&gt; Anders.. &lt;/li&gt;";} $url_van_foutpagina = htmlspecialchars($_POST['url_van_foutpagina']); //Collect 'Emailadres' $email = htmlspecialchars($_POST['email']); // Collect: 'Attributes' $tijd = time(); $datum = strftime("%d/%m/%y %H:%M", $tijd); $ip = getenv("REMOTE_ADDR"); // Collect 'Mail info' $headers = 'MIME-Version: 1.0' . "\r\n"; $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; // Het bericht voor de ontvanger $message = '&lt;html&gt;&lt;body&gt;'; $message .= '&lt;table rules="all" style="background-color:#F8F8F8; width:600px; font-family:arial; font-size:11px; valign:top"&gt;'; $message .= '&lt;table rules="all" border="1px solid #666666" style="background-color:#F8F8F8; width:600px; font-family:arial; font-size:11px;"&gt;'; $message .= '&lt;td style="width:200px;" /&gt;&lt;/td&gt;'; $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;&lt;/strong&gt; &lt;/td&gt;&lt;td&gt;&lt;h3&gt;Feedbackformulier Multihout.nl&lt;/h3&gt;&lt;/td&gt;&lt;/tr&gt;"; // 'Attributes' $message .= "&lt;tr&gt;&lt;td&gt;&lt;hr/&gt;&lt;/td&gt;&lt;td&gt;&lt;hr/&gt;&lt;/td&gt;&lt;/tr&gt;"; $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Feedback datum:&lt;/strong&gt; &lt;/td&gt;&lt;td&gt; " . $datum . "&lt;/td&gt;&lt;/tr&gt;"; $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Feedback e-mailadres:&lt;/strong&gt; &lt;/td&gt;&lt;td&gt; " . $email . "&lt;/td&gt;&lt;/tr&gt;"; $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Feedback IP-adres:&lt;/strong&gt; &lt;/td&gt;&lt;td&gt; " . $ip . "&lt;/td&gt;&lt;/tr&gt;"; // 'Algemeen' $message .= "&lt;tr&gt;&lt;td&gt;&lt;hr/&gt;&lt;/td&gt;&lt;td&gt;&lt;hr/&gt;&lt;/td&gt;&lt;/tr&gt;"; $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Algemene rating van de site:&lt;/strong&gt; &lt;/td&gt;&lt;td&gt;" . $algemene_rating . "&lt;/td&gt;&lt;/tr&gt;"; $message .= "&lt;tr&gt;&lt;td&gt;&lt;hr/&gt;&lt;/td&gt;&lt;td&gt;&lt;hr/&gt;&lt;/td&gt;&lt;/tr&gt;"; $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Feedback over URL:&lt;/strong&gt; &lt;/td&gt;&lt;td&gt;" . $url_van_foutpagina . "&lt;/td&gt;&lt;/tr&gt;"; $message .= "&lt;tr&gt;&lt;td&gt;&lt;hr/&gt;&lt;/td&gt;&lt;td&gt;&lt;hr/&gt;&lt;/td&gt;&lt;/tr&gt;"; $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Onderwerp suggestie:&lt;/strong&gt; &lt;/td&gt;&lt;td&gt;" . $sugestie_onderwerp . "&lt;/td&gt;&lt;/tr&gt;"; $message .= "&lt;/table&gt;"; $message .= "&lt;/body&gt;&lt;/html&gt;"; // Gedeelte voor het verzenden van het bericht $mailadres = "test@test.nl"; $message = str_replace ("&lt;br&gt;","\n", $message); $headers .= "From: Test &lt;test@test.nl&gt;" . "\r\n"; mail("$mailadres", "Nieuw bericht via mailformulier", $message, $headers); ?&gt; &lt;!--Display a thankyou message in the callback --&gt; &lt;div id="mail_response"&gt; &lt;h3&gt;Thank you &lt;?php echo $name ?&gt;!&lt;/h3&gt;&lt;br /&gt; &lt;p&gt;I will answer your message soon as possible.&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;h5&gt;Message sent on: &lt;/h5&gt; &lt;p&gt;&lt;?php echo $todayis ?&gt;&lt;/p&gt; &lt;/div&gt; </code></pre> <p>But if i use this JS script (Submit/Post part) i get undefined values in my mail, tables.</p> <pre><code> //submission scripts $('.contactForm').submit( function(){ //statements to validate the form var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; var email = document.getElementById('e-mail'); if (!filter.test(email.value)) { $('.email-missing').show(); } else {$('.email-missing').hide();} //if (document.cform.name.value == "") { // $('.name-missing').show(); //} else {$('.name-missing').hide();} //if (document.cform.message.value == "") { // $('.message-missing').show(); //} else {$('.message-missing').hide();} if //((document.cform.name.value == "") || (!filter.test(email.value)) //|| (document.cform.message.value == "")) { return false; } if //((document.cform.name.value != "") &amp;&amp; (filter.test(email.value)) //&amp;&amp; (document.cform.message.value != "")) { //hide the form $('.contactForm').hide(); //show the loading bar $('.loader').append($('.bar')); $('.bar').css({display:'block'}); //send the ajax request $.post('mail.php',{ algemene_rating:$('#algemene_rating').val(), url_van_foutpagina:$('#url_van_foutpagina').val(), sugestie_onderwerp:$('#sugestie_onderwerp').val(), email:$('#email').val()}, //return the data function(data){ //hide the graphic $('.bar').css({display:'none'}); $('.loader').append(data); }); //waits 2000, then closes the form and fades out setTimeout('$("#backgroundPopup").fadeOut("slow"); $("#contactForm").slideUp("slow")', 2000); //stay on the page return false; } }); //only need force for IE6 $("#backgroundPopup").css({ "height": document.documentElement.clientHeight }); }); </code></pre> <p>I think the problem is here:</p> <pre><code>//send the ajax request $.post('mail.php',{ algemene_rating:$('#algemene_rating').val(), url_van_foutpagina:$('#url_van_foutpagina').val(), sugestie_onderwerp:$('#sugestie_onderwerp').val(), email:$('#email').val()}, </code></pre> <p>But i dont know how to POST in jquery correctly. Or to retreive it in the right way to put it into to .html mail. I tried to .serialize the whole form, but i dont know how to 'unserialize' this back so i can fill the html-mail correctly.</p> <p>I hope you guys can help me.. Looking and trying to long now to solv this on my own..:)</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USJos Hoekstra
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COYou will want to install Firebug (or some other tool) so that you can see the request/response cycle. This way you can see if you are correctly sending to the server - and then troubleshoot for items not returned.
      singulars
      1. POJQuery form (html) POST to php mail (html)
      1. USJay Blanchard
    2. COYup, use a dev tool like Firebug or Chrome inspector to see what the form is posting and where. Or post a link to a complete jsbin that people can use to fix your code. You probably won't get any good answers otherwise.
      singulars
      1. POJQuery form (html) POST to php mail (html)
      1. USSamuel Lindblom
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload