Ola,
Estou a fazer uma aplicação que pode fazer recover da password do utilizador e mandar a password para o email da team de suport.
Para isso tenho uma página .aspx
que tem codigo html e tenho na classe recoverpassword
um método que lhe chamei sendemail()
para enviar os mails. O que eu quero é quando se clicar nesse button seja executado o método sendemail que esta dentro da classe da página. O método sendemail()
tem o código igual a muitos exemplos da net.
Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Cegos Analytics | Lockscreen</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- HTML5 Shim and Respond.js 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.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="hold-transition lockscreen">
<!-- Automatic element centering -->
<div class="lockscreen-wrapper">
<div class="lockscreen-logo">
<img src="/Images/^082594892CD6A1E2D2CF4B7361463D84FEF2B4C6FEBD2707B5^pimgpsh_fullsize_distr.png" alt="Cegos Logo">
</div>
<br />
<!-- User name -->
<div class="lockscreen-name"></div>
<!-- START LOCK SCREEN ITEM -->
<div class="lockscreen-item">
<!-- lockscreen image -->
<div class="lockscreen-image">
<img src="/Images/locked.jpg" alt="Locked Screen">
</div>
<!-- /.lockscreen-image -->
<!-- START LOCK SCREEN ITEM -->
<div class="lockscreen-item">
<!-- lockscreen image -->
<div class="lockscreen-image">
<img src="/Images/locked.jpg" alt="Locked Screen">
</div>
<!-- /.lockscreen-image -->
</div>
<!-- lockscreen credentials (contains the form) -->
<form class="lockscreen-credentials" action="RecoverPassword.aspx" method="post">
<div class="input-group">
<input id='user' type="Text" class="form-control" placeholder="Username">
<div class="input-group-btn">
<button id='enviar' type="submit" class="btn"><i class="fa fa-arrow-right text-muted"></i></button>
</div>
</div>
</div>
</form>
<!-- /.lockscreen credentials -->
</div>
<!-- /.lockscreen-item -->
<div class="help-block text-center">
Enter your username to retrieve your session
</div>
<div class="text-center">
<a href="../Default.aspx">Or sign in as a different user</a>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<%-- <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />--%>
<br />
<div class="lockscreen-footer text-center">
<p style="height: 42px" align="center">© <%: DateTime.Now.ToShortDateString() %> - <strong>Cegos Elearning Reports</strong>
</div>
</div>
<!-- /.center -->
<!-- jQuery 2.2.0 -->
<script src="../../plugins/jQuery/jQuery-2.2.0.min.js"></script>
<!-- Bootstrap 3.3.5 -->
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript">
$("#enviar").click(function () {
@SendEmail();//Insira aqui o código para chamar o sender email.
});
</script>
</form>
</body>
</html>
página EnviarEmail.aspx.cs :
using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Net.Mail;
using System.Net;
using System.IO;
namespace Email
{
public partial class Enviaremail : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
private void SendEmail()
{
SmtpClient cliente = new SmtpClient();
cliente.Host = "smtp.sapo.pt";
cliente.EnableSsl = true;
cliente.Credentials = new NetworkCredential("[email protected]", "cegoc123456");
MailMessage mensagem = new MailMessage();
mensagem.Sender = new MailAddress("[email protected]");
mensagem.From = new MailAddress("[email protected]");
mensagem.To.Add(new MailAddress("[email protected]"));
mensagem.Subject = "Pedido de suporte Plataforma Cegos Analytics";
mensagem.Body = "Recebeu um pedido de suporte da Plataforma Cegos Analytics para recuperação de passwor referente ao utilizador:";
mensagem.IsBodyHtml = false;
mensagem.Priority = MailPriority.High;
cliente.Send(mensagem);
}
}
}
E no EnviarEmail
com a ajuda do @Duque e @Leonardo Coelho tenho isso:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<%--<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />--%>
<input type="text" name="email" class="campo" /> <button type="button" class="botao">Recuperar senha</button>
</div>
</form>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript">
var sendEmail = function () {
$.ajax({
type: 'POST',
url: 'http://localhost:5562/Enviaremail.aspx', //Aqui é a URL até o método onde está a instrução de enviar o e-mail
dataType: 'html',
success: function (data) {
//Trate o retorno sem erros
}, error: function (request, status, error) {
//Trate os erros
}
});
}
$("#enviar").click(function () {
//Faz a chamada da função ajax
sendEmail();
});
</script>
</body>
</html>
Que esta faltando para ainda não ter sucesso? Eu clico no botão e não faz nada nem submite nem nada. Me ajudem por favor
Podem-me ajudar a ver o que estou a fazer mal? Obrigado.