Javascript 如何在我的引导模式窗口中插入PHP
我发现并修改了一个php脚本，该脚本处理联系人表单的内容，并发送和/或显示将出现在Bootstrap3模式窗口中的警报。 我设法使我的脚本工作，显示我的错误，以及显示非php的模态onload，但只要我尝试将php代码包含到模态中以显示模态中的错误，就不会显示任何内容 我尝试了很多方法：HTML中的PHP，PHP中的HMTL……但没有任何组合起作用。到目前为止，我就是在这里到达的：Javascript 如何在我的引导模式窗口中插入PHP,javascript,php,html,twitter-bootstrap,Javascript,Php,Html,Twitter Bootstrap,我发现并修改了一个php脚本，该脚本处理联系人表单的内容，并发送和/或显示将出现在Bootstrap3模式窗口中的警报。 我设法使我的脚本工作，显示我的错误，以及显示非php的模态onload，但只要我尝试将php代码包含到模态中以显示模态中的错误，就不会显示任何内容 我尝试了很多方法：HTML中的PHP，PHP中的HMTL……但没有任何组合起作用。到目前为止，我就是在这里到达的： <!DOCTYPE html> <html lang="fr"> <head&g
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>My title</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" />
<!-- Squad theme CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="color/default.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<?php
// Clean up the input values
foreach($_POST as $key => $value) {
if(ini_get('magic_quotes_gpc'))
$_POST[$key] = stripslashes($_POST[$key]);
$_POST[$key] = htmlspecialchars(strip_tags($_POST[$key]));
}
// Assign the input values to variables for easy reference
$name = $_POST["name"];
$email = $_POST["email"];
$message = $_POST["message"];
// Test input values for errors
$errors = array();
if(strlen($name) < 2) {
if(!$name) {
$errors[] = "Vous devez indiquer votre nom.";
} else {
$errors[] = "Votre nom doit faire au moins deux caractères de long.";
}
}
if(!$email) {
$errors[] = "Vous devez renseigner votre email.";
} else if(!validEmail($email)) {
$errors[] = "Merci de fournir une adresse email valide.";
}
if(strlen($message) < 10) {
if(!$message) {
$errors[] = "Vous devez saisir votre message.";
} else {
$errors[] = "Merci de laisser un message d'au moins dix caractères de long.";
}
}
if($errors) {
// Output errors and die with a failure message
$errortext = "";
foreach($errors as $error) {
$errortext .= "<li>".$error."</li>";
}
die("
<div class=\"modal fade\" id=\"fail-prompt\">
<div class=\"modal-dialog\">
<div class=\"modal-content\">
<div class=\"modal-header\">
<button type=\"button\" class=\"close\" data-dismiss=\"modal\"><span aria-hidden=\"true\">×</span><span class=\"sr-only\">Close</span></button>
<h4 class=\"modal-title\">Votre message n'a pas pu être envoyé.</h4>
</div>
<div class=\"modal-body\">
<p>Votre message n'a pas pu être envoyé</p>
<ul>". $errortext ."</ul>
</div>
<div class=\"modal-footer\">
<button type=\"button\" class=\"btn btn-primary\">Retour vers le formulaire</button>
</div>
</div>
</div>
</div>");
// Send the email
$to = "myemail";
$subject = "Contact Form: $name";
$message = "$message";
$headers = "From: $email";
mail($to, $subject, $message, $headers);
// Die with a success message
die("<div class=\"modal fade\" id=\"fail-prompt\">
<div class=\"modal-dialog\">
<div class=\"modal-content\">
<div class=\"modal-header\">
<button type=\"button\" class=\"close\" data-dismiss=\"modal\"><span aria-hidden=\"true\">×</span><span class=\"sr-only\">Close</span></button>
<h4 class=\"modal-title\">Message envoyé avec succès !</h4>
</div>
<div class=\"modal-body\">
<p>Votre message a été envoyé avec succès !</p>
</div>
<div class=\"modal-footer\">
<button type=\"button\" class=\"btn btn-primary\">Retour au site</button>
</div>
</div>
</div>
</div>");
// A function that checks to see if
// an email is valid
function validEmail($email)
{
$isValid = true;
$atIndex = strrpos($email, "@");
if (is_bool($atIndex) && !$atIndex)
{
$isValid = false;
}
else
{
$domain = substr($email, $atIndex+1);
$local = substr($email, 0, $atIndex);
$localLen = strlen($local);
$domainLen = strlen($domain);
if ($localLen < 1 || $localLen > 64)
{
// local part length exceeded
$isValid = false;
}
else if ($domainLen < 1 || $domainLen > 255)
{
// domain part length exceeded
$isValid = false;
}
else if ($local[0] == '.' || $local[$localLen-1] == '.')
{
// local part starts or ends with '.'
$isValid = false;
}
else if (preg_match('/\\.\\./', $local))
{
// local part has two consecutive dots
$isValid = false;
}
else if (!preg_match('/^[A-Za-z0-9\\-\\.]+$/', $domain))
{
// character not valid in domain part
$isValid = false;
}
else if (preg_match('/\\.\\./', $domain))
{
// domain part has two consecutive dots
$isValid = false;
}
else if(!preg_match('/^(\\\\.|[A-Za-z0-9!#%&`_=\\/$\'*+?^{}|~.-])+$/',
str_replace("\\\\","",$local)))
{
// character not valid in local part unless
// local part is quoted
if (!preg_match('/^"(\\\\"|[^"])+"$/',
str_replace("\\\\","",$local)))
{
$isValid = false;
}
}
if ($isValid && !(checkdnsrr($domain,"MX") || checkdnsrr($domain,"A")))
{
// domain not found in DNS
$isValid = false;
}
}
return $isValid;
}
?>
</body>
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>-->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- Custom Script-->
<script type="text/javascript">
$(window).load(function(){
$('#fail-prompt').modal('show');
backdrop: 'static';
keyboard: false;
});
</script>
</html>
我的头衔
PHP不创建模式，因为缺少样式，js。。。
推荐使用ajax“创建模式”。您可以使用jquery创建调用php代码的模式：
这是模式：
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 style="color:#f68a26;font-weight:500;" align="left">Eventos y Noticias</h2>
</div>
<div class="modal-body"><div id="content-php"></div></div>
<div class="modal-footer">
<a class="btn btn-lg btn-overlay" href="#" data-dismiss="modal">Cerrar</a>
</div>
</div>
</div>
</div>
在该文件中，您可以管理模态的所有操作
希望对你有用
$("#icon_events_header").click(function(){
$("#content-php").load("./admin/content/eventsContent.php");
});