Enquiry Form Open Page Load and Send Email Using in Web Service,HtmlPage Using Asp.Net C# JQuery

Enquiry Form Open Page Load and Send Email Using in Web Service,HtmlPage

Enquiry Form Open Page Load - Email Send To Users  Using Web Service & HtmlPage.html  in JQuery,JavaScript With GoogleApis in Asp.Net C#(Without Using WebForm).

                             Download Coding


                       HTML CODING(HtmlPage.html)

<html xmlns="http://www.w3.org/1999/xhtml">
<title>Enquery Form Open Page Load and Send Email Using in Web Service,HtmlPage Using  Asp.Net C# JQuery</title>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<style type="text/css">

width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101;
min-width: 600px;
width: 600px;
min-height: 350px;
margin: 100px auto;
background: #808080;
position: relative;
z-index: 103;
padding: 10px;
border-radius: 5px;
.bor .clo{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
#drizz {
position: fixed;
width: 100%;
height: 100%;
background-color: #FF9933;
display: none;
<script type='text/javascript'>
    $(function () {
        var overlay = $('<div id="drizz"></div>');
        $('.close').click(function () {
            return false;
        $('.clo').click(function () {
            return false;


    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css"
        rel="stylesheet" type="text/css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
        function SendMail() {
            $("#Button1").click(function () {
                    url: "WebService.asmx/MailSend",
                    data: "{ 'To': '" + $('input[id$=Text1]').val() +
                  "', 'Message': '" + $('input[id$=Text2]').val() + "' }",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        if (data.d == 1) {

                            return false;

    <div class='popup'>
<div class='bor'>
<img src='drop.gif' alt='quit' runat="server" class='clo'  id='x' />

    <input id="Text1" type="text" /></td></tr>
    <input id="Text2" type="text" /></td></tr>
        <tr><td colspan="2">    
    <input id="Button1"  type="button"  onclick ="SendMail();" value="SEND MAIL"  /></td></tr>

    <a href="" class='close'>Hide</a>


                           Web Service.asmx

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Net.Mail;

/// <summary>
/// Summary description for WebService
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
public class WebService : System.Web.Services.WebService {  
    public  int MailSend(string To, string Message)
        MailMessage Msg = new MailMessage();
        Msg.From = new MailAddress("SenderMail@gmail.com"); // Sender e-mail address.
        Msg.To.Add(To);// Recipient e-mail address.
        Msg.Subject = "Send Mail Using WebServices";
        Msg.Body = Message;
        Msg.IsBodyHtml = true;     
        SmtpClient smtp = new SmtpClient();
        smtp.Host = "smtp.gmail.com";
        smtp.Port = 587;
        smtp.Credentials = new System.Net.NetworkCredential("YourMailId@gmail.com""Password");
        smtp.EnableSsl = true;
        return 1;      

First - Add New HtmlPage.html Form  

Next - Add Input Button.Button From ToolBox

Next - Add - Web Service.asmx From Solution Explorer

Next Add - Enquiry Form Open & Close JavaScript Add 

Next - Add JQuery,GoogleApi  &  JQuery Function From WebService.asmx

Next - Add - NameSpace(using System.Net.Mail)Email Send Coding  in WebService.asmx  Input Call From HtmlPage.html


Post a Comment