Hello,
I'm making an application that can recover the user's password and send the password to the suport team's email.
For this I have a page .aspx that has html code and I have in class recoverpassword a method that I called sendemail() to send the mails. What I want is when clicking this button will execute the sendemail method that is inside the class of the page. The sendemail() method has the code equal to many net examples.
HTML Code:
<!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><scriptsrc="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><scripttype="text/javascript">
$("#enviar").click(function () {
@SendEmail();//Insira aqui o código para chamar o sender email.
});
</script>
</form>
</body>
</html>
SendEmail.aspx.cs page:
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);
}
}
}
And in EnviarEmail with the help of @Duque and @Leonardo Coelho I have this:
<!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><scripttype="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>
What is missing to still not succeed? I click the button and do nothing or submissive or anything. Please help me
Can you help me see what I'm doing wrong? Thank you.