php - 使用特殊字符时 POST 联系表单缺少数据
问题描述
我正在使用一个简单的联系表格: http: //luiszuno.com/previews/formy/ 问题是,每当在表格上键入字符“&”时,“&”之后的其余消息都不会在电子邮件。编辑:添加了代码,除了缺少数据问题外,表单可以正常工作。什么可能导致此问题?
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;
});
发送邮件.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);
}
?>
解决方案
您的问题是您正在手动构建数据字符串,而不是对插入到字符串中的数据值进行 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();
将无法工作,因为this
它代表单击的按钮,而不是表单。但是,如果您将其指向表单,您可以使用它轻松地自动序列化其中的字段,并且 jQuery 将代表您处理任何编码问题。这节省了手动编码和单独获取每个字段值的代码(尽管我注意到您目前需要这个来进行验证,尽管还有其他实现验证的方法可以消除这种需要,但这完全是另一个主题)。
$.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
});
如您所见,这要麻烦得多。而且,如果您将来在表单中添加更多字段,则根本不需要更改这部分代码。
另一个方面 - 使用 JavaScript 验证表单输入会遇到很多麻烦。这很好且用户友好,但它不提供任何安全性。在服务器端,您似乎很乐意将浏览器直接发送的任何值插入到您的电子邮件中。任何具有少量知识的用户都可以使用他们的开发工具修改您的 JavaScript,或者关闭 JS,或者完全使用其他工具(例如 PostMan,或自定义应用程序)在您的服务器上触发 HTTP 请求,而无需接触您的表单. 他们可能会发送有问题的值,这可能会搞砸您的电子邮件 - 例如,不同的“来自”值或一些讨厌的 HTML,或者如果您在应用程序的任何地方与数据库交互,则执行 SQL 注入攻击以搞砸。你应该永远验证 PHP 代码中的所有传入数据是否存在安全问题,并确保它符合您的业务规则,然后再将其用于其他任何事情。
推荐阅读
- .net-core - .NET Core Identity - 如何从路径/连接/令牌以外的其他地方生成令牌
- r - 如何使用多个列作为不同的字符串条件执行连接?
- c# - 程序集“Ninject.Extensions.Interception.DynamicProxy”中的方法没有实现
- python - 选择索引数据框中的列
- windows-10 - Access/MySQL - 向后兼容的迁移;链接表
- httprequest - Microsoft Teams webhook 有效负载包含不可用的 Teams ID
- javascript - Angular:跨字段验证不适用于 setError()
- javascript - 如何将 pixi.js 动画插入应用到 babylon.js 的纹理中
- python - 您如何专门将元素添加到二维数组?
- python - Python:合并列表中的相邻数字