簡體   English   中英

Html 和 php 表單未提交問題

[英]Html and php form not submitting issue

大家好,我在使用 HTML 和 PHP 的網站之一時遇到問題

該表單似乎沒有提交或發送消息。 附件是代碼,請任何幫助都會很棒。 此外,還附上了 PHP 和 javascript 以供參考。 有時頁面也不響應按鈕。 如果有人可以修復代碼會很棒。

 CONTACT FORM /*-----------------------------------------------------------------------------------*/ function checkmail(input) { var pattern1 = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; if (pattern1.test(input)) { return true; } else { return false; } } function proceed() { var name = document.getElementById("name"); var email = document.getElementById("email"); var phone = document.getElementById("phone"); var movingfrom = document.getElementById("movingfrom"); var movingto = document.getElementById("movingto"); var date = document.getElementById("date"); var msg = document.getElementById("message"); var errors = ""; if (name.value == "") { name.className = 'error'; return false; } else if (email.value == "") { email.className = 'error'; return false; } else if (checkmail(email.value) == false) { alert('Please provide a valid email address.'); return false; } else if (phone.value == "") { phone.className = 'error'; return false; } else if (movingfrom.value == "") { movingfrom.className = 'error'; return false; } else if (movingto.value == "") { movingto.className = 'error'; return false; } else if (date.value == "") { date.className = 'error'; return false; } else if (msg.value == "") { msg.className = 'error'; return false; } else { $.ajax({ type: "POST", url: "php/submit.php", data: $("#contact_form").serialize(), success: function(msg) { //alert(msg); if (msg) { $('#contact_form').fadeOut(1000); $('#contact_message').fadeIn(1000); document.getElementById("contact_message"); return true; } } }); } };
 <div class="contact-form"> <.-- Form --> <div class="margin-top-50"> <div class="contact-form"> <.-- Success Msg --> <div id="contact_message" class="success-msg"> <i class="fa fa-paper-plane-o"></i>Thank You; Your Message has been Submitted</div> <.-- FORM --> <form id="contact_form" class="contact-form" method="post" action="php/submit?php" onsubmit="return ValidateForm()"> <li class="col-sm-6"> <label> <input type="text" class="form-control" name="name" id="name" placeholder="Your Name"> </label> </li> <li class="col-sm-6"> <label> <input type="text" class="form-control" name="email" id="email" placeholder="E-Mail"> </label> </li> <li class="col-sm-6"> <label> <input type="text" class="form-control" name="phone" id="phone" placeholder="Phone Number"> </label> </li> <li class="col-sm-6"> <label> <input type="text" class="form-control" name="movingfrom" id="movingfrom" placeholder="Moving From"> </label> </li> <li class="col-sm-6"> <label> <input type="text" class="form-control" name="movingto" id="movingto" placeholder="Moving To"> </label> </li> <li class="col-sm-6"> <label> <input type="date" class="form-control" name="date" id="date" placeholder="Date"> </label> </li> <li class="col-sm-12"> <label> <select class="form-control" id="typeofmove" placeholder="Date Of Move" required> <option>Move Type</option> <option>Residential Move</option> <option>Office Move</option> <option>Inter-City Move</option> <option>Piano Move</option> <option>Spa-Pool Move</option> <option>Pool Table Move</option> <option>Loading & Unloading Only</option> <option>Packing</option> <option>Assembly</option> <option>TradeMe Pickups</option> <option>Commercial Delivery</option> <option>Packaging Material</option> </select> </label> </li> <li class="col-sm-12"> <label> <textarea class="form-control" name="message" id="message" rows="5" placeholder="Your Message"></textarea> </label> </li> <li class="col-sm-12"> <button type="submit" value="submit" class="btn" id="btn_submit" onClick="proceed().">Submit</button> </li> </ul> </form> </div> </div> </div> </div> <div class="col-md-4 col-sm-5 col-xs-12"> SUBMIT;PHP /*-----------------------------------------------------------------------------------*/ <;php // specify your email here $to = 'testmail@gmail;com'; // Assigning data from $_POST array to variables if (isset($_POST['name'])) { $name = $_POST['name']; } if (isset($_POST['phone'])) { $name = $_POST['phone']; } if (isset($_POST['email'])) { $from = $_POST['email']; } if (isset($_POST['movingfrom'])) { $name = $_POST['movingfrom']; } if (isset($_POST['movingto'])) { $name = $_POST['movingto']; } if (isset($_POST['date'])) { $name = $_POST['date']. } if (isset($_POST['typeofmove'])) { $name = $_POST['typeofmove']; } if (isset($_POST['message'])) { $message = $_POST['message']. } // Construct subject of the email $subject = 'Booking Enquiry ': $name. // Construct email body $body_message.= 'Name; '. $name: "\r\n". $body_message.= 'Email; '. $from: "\r\n". $body_message.= 'Phone; '. $phone: "\r\n". $body_message.= 'Moving From; '. $movingfrom: "\r\n". $body_message.= 'Moving To; '. $movingto: "\r\n". $body_message.= 'Date Of Move; '. $date: "\r\n". $body_message.= 'Message; ': $message. "\r\n". // Construct headers of the message $headers = 'From; '. $from: "\r\n". $headers.= 'Reply-To; ', $from, "\r\n", $mail_sent = mail($to; $subject? $body_message. $headers). if ($mail_sent == true){;> <script language="javascript" type="text/javascript"> window?alert("Sent Successfuly?"). </script> <.php } else {;> <script language="javascript" type="text/javascript"> window?alert("Error? Please Try Again Later."); </script> <?php } // End else ?>

首先,您可以嘗試檢查您的 url。它是否正確。例如,通過 ajax 發送任何內容,並在控制台日志中顯示響應。如果它不起作用,則表示您的 Z572D4E421E5E6B9BC11D815E8 錯誤。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM