Voilà mon problème, j'ai mis à jour mon site web sous sinatra en refaisant le code front avec React et depuis quand je veux faire un envoi de mail bah les erreurs dans les champs noms, prénoms et mails me renvoient un Internal server error au lieu du message attendu qui lui s'affiche bien quand le champ message est vide. J'ai réessayé de remettre le formulaire en mode normal mais ça ne change pas grand chose. C'est pas génant en soit car un formulaire bien rempli m'envoie le mail mais quand même.
Voici les différents codes
La page d'erreurs:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Erreur envoi</title>
<style type="text/css">
body {
background-color: white;
color: #333333;
font-family: Arial, sans-serif;
margin: 0;
padding: 36px;
line-height: 18px;
font-size: 14px;
}
.section {
margin-bottom: 36px;
color: #222222;
}
.section h1 {
font-size: 26px;
background-color: #dad8e4;
padding: 18px 22px 15px 22px;
margin: 0;
overflow: hidden;
}
.article {
border: 4px solid #dad8e4;
padding: 24px 18px 18px 18px;
font-size: 14px;
}
</style>
</head>
<body>
<div class="section">
<h1>Erreur d'envoi</h1>
<div class="article">
<p>Il y a une erreur dans votre formulaire. Vous n'avez rien rempli dans le champs <%= @field %> </p>
<a href="http://www.******.fr">Accueil</a>
</div>
</div>
</body>
</html>
L'extrait de code Ruby pour les mails:
post '/contact' do
require 'pony'
Pony.mail(
:from => params[:nom] +params[:prenom] + "<" + params[:email] + ">",
:to => '******@gmail.com',
:subject => "Vous avez un message de " + params[:nom] +params[:prenom],
:body => params[:message],
:via => :smtp,
:via_options => {
:address => 'smtp.sendgrid.net',
:port => '587',
:enable_starttls_auto => true,
:user_name => ENV['SENDGRID_USERNAME'],
:password => ENV['SENDGRID_PASSWORD'],
:authentication => :plain,
:domain => ENV['SENDGRID_DOMAIN']
})
redirect "/contact-error/name" if params[:nom].empty?
redirect "/contact-error/email" if params[:email].empty?
redirect "/contact-error/message" if params[:message].empty?
erb :contact_success
end
get '/contact-error/:field' do |field|
@field = field
erb :contact_error
end
get('/success') do
erb :success
end
var contact = React.createClass({displayName: "contact",
render: function() {
return (
React.createElement("section", {id: "contact"},
React.createElement("div", {className: "row"},
React.createElement("div", {className: "col-xs-12 col-lg-1"},
React.createElement("div", {className: "section-title"},
React.createElement("div", {className: "section-icon"},
React.createElement("i", {className: "fa fa-envelope"})
),
React.createElement("div", {className: "title"},
React.createElement("h4", null, "Contact")
)
)
),
React.createElement("div", {className: "col-xs-12 col-lg-11"},
React.createElement("div", {className: "box-holder exp-box"},
React.createElement("div", {className: "map-holder"},
React.createElement("div", null
)
),
React.createElement("div", {className: "contact-form-holder row"},
React.createElement("div", {className: "col-xs-12 col-sm-8"},
React.createElement("div", {className: "message-box"}),
React.createElement("form", {action: "/contact", method: "post", id: "formulaire"},
React.createElement("fieldset", null,
React.createElement("div", {className: "control-group"},
React.createElement("div", {className: "controls"},
React.createElement("label", {htmlFor: "name", size: 25}, " Nom :"),
React.createElement("input", {id: "nom", type: "text", name: "nom"})
)
),
React.createElement("div", {className: "control-group"},
React.createElement("div", {className: "controls"},
React.createElement("label", {htmlFor: "firstname"}, " Prenom :"),
React.createElement("input", {id: "prenom", type: "text", name: "prenom"})
)
),
React.createElement("div", {className: "control-group"},
React.createElement("div", {className: "controls"},
React.createElement("label", {htmlFor: "email"}, "Email :"),
React.createElement("i", null),
React.createElement("input", {id: "email", type: "text", name: "email"})
)
),
React.createElement("div", {className: "control-group"},
React.createElement("div", {className: "controls"},
React.createElement("label", {htmlFor: "to"}, "Message :"),
React.createElement("i", {className: "fa fa-pencil"}),
React.createElement("textarea", {id: "message", name: "message", rows: 5, cols: 5, className: "required col-xs-12"})
)
),
React.createElement("div", {className: "ribbon"},
React.createElement("input", {className: "boutons", type: "submit", defaultValue: "Envoyer"}),
React.createElement("div", {id: "loading"},
React.createElement("img", {alt: true, src: "images/loader.gif"})
),
React.createElement("div", {className: "arrow-left"})
)
)
)
),
React.createElement("div", {className: "col-xs-12 col-sm-4"},
React.createElement("div", {className: "desc"},
React.createElement("p", null,
"Vous pouvez me contacter via le formulaire suivant."
)
),
React.createElement("div", {className: "round-row"},
React.createElement("i", {className: "fa fa-envelope"}),
React.createElement("span", null, "****@gmail.com")
)
)
)
)
)
))
);
}
});
var element = React.createElement(contact);
React.render(element ,document.getElementById('contact'));
J'ai aussi un script Jquery qui est censé faire une prévérification coté client qui ne fonctionne plus alors qu'il est bien chargé.
Incompréhensible honnêtement