Php 使用特殊字符时,联系人后表单缺少数据
我使用的是一个简单的联系方式: 问题是,无论何时在表单上键入字符“&”,电子邮件中都不会收到“&”之后的其余消息。编辑:添加了代码,表单正常工作,而不是缺少数据问题。是什么导致了这个问题Php 使用特殊字符时,联系人后表单缺少数据,php,jquery,character,contact-form,Php,Jquery,Character,Contact Form,我使用的是一个简单的联系方式: 问题是,无论何时在表单上键入字符“&”,电子邮件中都不会收到“&”之后的其余消息。编辑:添加了代码,表单正常工作,而不是缺少数据问题。是什么导致了这个问题 jQuery(document).ready(function($) { $("#formy").on( "submit", function( event ) { $(this).serialize(); }); // Hide messages $
jQuery(document).ready(function($) {
$("#formy").on( "submit", function( event ) {
$(this).serialize();
});
// Hide messages
$("#formy-success").hide();
$("#formy-error").hide();
$("input,textarea").blur(function(){
$(this).css("border-color","#596a87");
});
// on submit...
$("#formy #submit").click(function() {
$(this).serialize();
// Required fields:
//name
var name = $("#name").val();
if(name == "" || name == "Name *"){
$("#name").focus();
$("#formy-error").fadeIn().text("Name required");
$("#name").css("border-color","#a22528");
return false;
}
else {$("#name").css("border-color","#596a87");}
// email
var email = $("#email").val();
if(email == "" || email == "Email *"){
$("#email").focus();
$("#formy-error").fadeIn().text("Email required");
$("#email").css("border-color","#a22528");
return false;
}
else {$("#email").css("border-color","#596a87");}
// email validation
function validateEmail(email) {
var filter = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return filter.test(email);
}
if (!validateEmail(email)) {
$("#formy-error").fadeIn().text("Invalid email address");
$("#email").css("border-color","#a22528");
return false;
}
//budget
var budget = $("#budget").val();
if(budget == "" || budget == "Budget"){
return false;
}
// comments
var comments = $("#comments").val();
if(comments == "" || comments == "Message *"){
$("#comments").focus();
$("#formy-error").fadeIn().text("Message required");
$("#comments").css("border-color","#a22528");
return false;
}
else {$("#comments").css("border-color","#596a87");}
// send mail php
var sendMailUrl = $("#sendMailUrl").val();
// Retrieve values for to, from & subject at the form
var to = $("#to").val();
var from = $("#from").val();
var subject = $("#subject").val();
// Create the data string
var dataString = 'name=' + name
+ '&email=' + email
+ '&comments=' + comments
+ '&to=' + to
+ '&from=' + from
+ '&budget=' + budget
+ '&subject=' + subject;
// ajax
$.ajax({
type:"POST",
url: sendMailUrl,
data: dataString,
success: success()
});
});
// On success...
function success(){
$("#formy-success").fadeIn(250).text("Thanks, I will contact you soon!");
$("#formy-error").hide();
$("#formy fieldset").slideUp(250);
}
return false;
});
send-mail.php
<?php header("Content-Type: text/html; charset=utf-8");
//vars
$subject = $_POST['subject'];
$to = explode(',', $_POST['to'] );
$from = $_POST['email'];
//data
$msg = "NAME: " .$_POST['name'] ."<br>\n";
$msg .= "EMAIL: " .$_POST['email'] ."<br>\n";
$msg .= "BUDGET: " .$_POST['budget'] ."<br>\n";
$msg .= "COMMENTS: " .$_POST['comments'] ."<br>\n";
//Headers
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=UTF-8\r\n";
$headers .= "From: <".$from. ">" ;
//send for each mail
foreach($to as $mail){
mail($mail, $subject, $msg, $headers);
}
?>
使用@ADyson推荐的encodeURIComponent()修复了使用联系人表单时收到的电子邮件中缺少的数据/URL
var comments = $("#comments").val();
var e_comments = encodeURIComponent(comments);
您的问题是您正在手动构建数据字符串,而不是对插入到字符串中的数据值进行URI编码。因此,文本中的任何原始
&
字符都将被假定为URI的一部分,而不是数据,这意味着它将被解释为指示下一个参数的开始,而不仅仅是文本中的一个字符。URI编码此数据将把此字符和其他特殊字符转换为其编码的等效字符,因此它们不会被错误解释
现在,您当然可以通过使用encodeURIComponent()
包装每个字段变量来解决这个问题,但这是冗长乏味的:
var dataString = 'name=' + encodeURIComponent(name)
+ '&email=' + encodeURIComponent(email)
+ '&comments=' + encodeURIComponent(comments)
+ '&to=' + encodeURIComponent(to)
+ '&from=' + encodeURIComponent(from)
+ '&budget=' + encodeURIComponent(budget)
+ '&subject=' + encodeURIComponent(subject);
有更好的方法:
当前,您的$(this).serialize()代码>将不起作用,因为此
表示单击的按钮,而不是表单。但是,如果您将它指向表单,就可以使用它轻松地自动序列化表单中的字段,jQuery将代表您处理任何编码问题。这节省了手动编码和单独获取每个字段值的代码(尽管我注意到您目前需要使用此代码进行验证,尽管有其他实现验证的方法可以消除这种需要,但这完全是另一个主题)
正如你所见,这是少了很多麻烦。如果您将来在表单中添加更多字段,则根本不需要更改这段代码
另一个侧重点是,使用JavaScript验证表单输入会有很多麻烦。这很好,用户友好,但它不提供任何安全性。在服务器端,您似乎很乐意将浏览器直接发送的任何值插入到您的电子邮件中。任何具有少量知识的用户都可以使用他们的开发人员工具修改您的JavaScript,或者关闭JS,或者完全使用另一个工具(例如PostMan或自定义应用程序)在您的服务器上触发HTTP请求,而不必触碰您的表单。他们可能会发送有问题的值,这些值可能会破坏您的电子邮件-例如,不同的“发件人”值,或一些令人讨厌的HTML,或者如果您在应用程序中的任何位置与数据库交互,则执行SQL注入攻击以将其搞糟。您应该始终验证PHP代码中的所有传入数据是否存在安全问题,并确保其符合您的业务规则,然后再将其用于其他用途。此处的链接不起作用。请添加一个代码段或结尾为否。我们看不到您的代码,所以很难说清楚,但我怀疑您可能不是URI编码表单数据是查询字符串和POST数据字符串上的一个特殊字符-它用于表示下一个参数的开始。正如我所说的,您需要对数据进行URI编码。通常,如果您只是让jQuery序列化表单,或者为表单提供包含数据的JavaScript对象,那么它将自动为您进行编码。大概您是在手工或其他方式构建输入数据。问题将出现在客户端代码中,而不是PHP中。问题在于发送到服务器的是什么,而不是服务器到达时对它做了什么。@ADyson我的jQuery在index.php文件中,而不是在联系人表单中,我还可以使用serialise吗?不确定如何使用URIencode在$\u POST之前自动处理整个输入字段。htmlspecialchars也可以使用吗?“我的jQuery在index.php文件中,而不是在联系人表单中”…不确定这是什么意思。一旦jQuery代码被加载到页面中,它的来源就无关紧要了。如果您使用jQuery/AJAX提交表单,并且代码正在处理表单的提交,那么您可以序列化表单。因此,请向我们展示表单,以及您当前用于提交表单的代码。您可以删除上面所有的PHP,这与此无关。
$.ajax({
type:"POST",
url: sendMailUrl,
data: $("#formy").serialize(),
success: success //Unrelated: I also removed the brackets here, so it becomes a _reference_ to the "success" function - writing success() as you did means the function is immediately executed, and what gets passed to jQuery is the _result_ of the function, which isn't what you want in this case
});