you should also add this values to the js file called "RVContactForm".

in this file you actually send the values from the client side to the web service using Json. look for this line and add it your data:

var myMailerRequest = { languageID: languageID, name: $('#name').val(), company: $('#company').val(), phone: $('#phone').val(), email: $('#email').val(), subject: $('#subject').val(), message: $('#message').val() };

update if its help.

Eran.

Thanks Eran,

I've updated my js file. But it's still not sending the results from the "preferredContact" and "state" options:

jQuery.validator.addMethod(
  "selectNone",
  function(value, element) {
    if (element.value == "none")
    {
      return false;
    }
    else return true;
  },
  "Please select an option."
);
$(document).ready(function() {


    $(window).unload( function () { GUnload(); } );
   // $("input[type=button]").click(function() {
     $("#submit").click(function() {
        $("#ServerMsgContainer").slideUp();
        var validator = $("#aspnetForm").validate({
            rules: {
                name: { required: true },
                company: { required: true },
                preferredContact: { required: false },
                phone: { required: true, minlength: 7, digits: true },
                email: { required: true, email: true },
                state: { selectNone: true },
                subject: { required: true },
                message: { required: true }
            },
            messages: {
                name: errName,
                company: errCompany,
                phone: {
                    required: errPhone,
                    minlength: errPhone,
                    digits: errDigits
                },
                email: {
                    required: errorEmail,
                    email: errorEmail
                },
                state: errState,
                subject: errSubject,
                message: errMessage
            },
          submitHandler: function(form) {AjaxSubmit();}
        }).form();
  //AjaxSubmit();
  if ($("#aspnetForm").valid()){
    AjaxSubmit();
  }
        //$("#aspnetForm").submit(); //$(this).closest('form').submit();

    });
});

function AjaxSubmit() {
    $("#aspnetForm #submit").attr('disabled', 'disabled');
    $("#aspnetForm #submit").after('<img src="/media/assets/ajax-loader.gif" class="loader" />');

    // Convert the form data into an js object  
    var myMailerRequest = { name: $('#name').val(), company: $('#company').val(), preferredContact: $('#preferredContact').val(), phone: $('#phone').val(), email: $('#email').val(), state: $('#state').val(), subject: $('#subject').val(), message: $('#message').val(),  nodeid: $("#RV_CurrentNodeId").val() };
    // JSONify the js object - desirialize js object to MailerRequest object. the first param must be equal to the name of the input parameter in the web service method "SendContactForm"
    var data = JSON.stringify({ req: myMailerRequest });

    $.ajax({
        type: "POST",
        url: "/umbraco/webservices/RVContactFormMailer.asmx/SendContactForm",
        data: data,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: AjaxSucceeded,
        error: AjaxFailed
       
    });
}

function AjaxSucceeded(result) {
    $('#ServerMsgHeader').html(thankYouHeaderText);
    $('#ServerMsgMessage').html(thankYouMessageText);

    $("#ServerMsgContainer").removeClass("emailFailure");
    $("#ServerMsgContainer").addClass("emailSuccess");

    $('#ServerMsgContainer').slideDown('slow');
    $('#aspnetForm img.loader').fadeOut('fast', function() { $(this).remove() });
    $("#aspnetForm #submit").attr('disabled', '');
    //$('#ContactFormDiv').slideUp('slow');
  
  $('#ServerMsgHeader').html(thankYouHeaderText);
    $('#ServerMsgMessage').html(thankYouMessageText);
  $('#ServerMsgContainer').slideDown('slow');
    return
}

function AjaxFailed(result) {
    $("#ServerMsgContainer").removeClass("emailSuccess");
    $("#ServerMsgContainer").addClass("emailFailure");
    $('#ServerMsgHeader').html(failureHeaderText);
    $('#ServerMsgMessage').html(failureMessageText);
    $('#ServerMsgContainer').slideDown('slow');
    $('#aspnetForm img.loader').fadeOut('fast', function() { $(this).remove() });
    $("#aspnetForm #submit").attr('disabled', '');
    return;
}  
 

hi,

you should debug using firebug and see what exactly is send to the webservice.

you should see something like this.

{ name: eran, company: returnvalue, preferredContact: email, phone: 4564845, email: [email protected], state: SA, subject: test, message: hello

if you see that all the values is sent properly except the field you added - probebly you are not get the value from this fields properly.

check your jquery syntax. (by the way, try to send the webservice static values and check if it send properly to you email. if so - again - you have syntax error).

Ok I've made a change to the XSLT file and now I have the following result:

name":"Kevin","company":"Google","preferredContact":"Email","phone":"94216279","email":"jarrod@gmail","state":"WA","subject":"General enquiry","message":"Hello"

This is the change in the XSLT file:

        <div class="ContactFormRow">
          <div class="ContactFormCol">
            <label for="preferredContact"><xsl:value-of select='umbraco.library:GetDictionaryItem("RV-ContactForm.labels.preferredContact")' /></label>
            <input type="radio" checked="checked" value="Email" name="contactmethod" id="preferredContact" />
            Email
            <input type="radio" value="Phone" name="contactmethod" id="preferredContact" />
            Phone
          </div>
        </div>

However I'm still not getting the 'preferredContact' or 'state' showing up in the email.

sorry but i didnt understand from your answer: did you put static values in the js to check if it gets to the asmx?

i mean in the line:

var myMailerRequest = { languageID: languageID, name: $('#name').val(), company: $('#company').val(), phone: $('#phone').val(), email: $('#email').val(), subject: $('#subject').val(), message: $('#message').val() };

if yes, you should see in firebug all the values sent to the asmx. i want to know for sure so we know that the problem is in the asmx code.

Thanks

I am seeing all the values sent to the asmx in firebug, however it's not being sent in the email.

Here's my js file code:

jQuery.validator.addMethod(
  "selectNone",
  function(value, element) {
    if (element.value == "none")
    {
      return false;
    }
    else return true;
  },
  "Please select an option."
);
$(document).ready(function() {


    $(window).unload( function () { GUnload(); } );
   // $("input[type=button]").click(function() {
     $("#submit").click(function() {
        $("#ServerMsgContainer").slideUp();
        var validator = $("#aspnetForm").validate({
            rules: {
                name: { required: true },
                company: { required: true },
                preferredContact: { required: false },
                preferredPhone: { required: false },
                phone: { required: true, minlength: 7, digits: true },
                email: { required: true, email: true },
                state: { selectNone: true },
                subject: { required: true },
                message: { required: true }
            },
            messages: {
                name: errName,
                company: errCompany,
                phone: {
                    required: errPhone,
                    minlength: errPhone,
                    digits: errDigits
                },
                email: {
                    required: errorEmail,
                    email: errorEmail
                },
                state: errState,
                subject: errSubject,
                message: errMessage
            },
          submitHandler: function(form) {AjaxSubmit();}
        }).form();
  //AjaxSubmit();
  if ($("#aspnetForm").valid()){
    AjaxSubmit();
  }
        //$("#aspnetForm").submit(); //$(this).closest('form').submit();

    });
});

function AjaxSubmit() {
    $("#aspnetForm #submit").attr('disabled', 'disabled');
    $("#aspnetForm #submit").after('<img src="/media/assets/ajax-loader.gif" class="loader" />');

    // Convert the form data into an js object  
    var myMailerRequest = { name: $('#name').val(), company: $('#company').val(), preferredContact: $('#preferredContact').val(), preferredPhone: $('#preferredPhone').val(), phone: $('#phone').val(), email: $('#email').val(), state: $('#state').val(), subject: $('#subject').val(), message: $('#message').val(),  nodeid: $("#RV_CurrentNodeId").val() };
    // JSONify the js object - desirialize js object to MailerRequest object. the first param must be equal to the name of the input parameter in the web service method "SendContactForm"
    var data = JSON.stringify({ req: myMailerRequest });

    $.ajax({
        type: "POST",
        url: "/umbraco/webservices/RVContactFormMailer.asmx/SendContactForm",
        data: data,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: AjaxSucceeded,
        error: AjaxFailed
       
    });
}

function AjaxSucceeded(result) {
    $('#ServerMsgHeader').html(thankYouHeaderText);
    $('#ServerMsgMessage').html(thankYouMessageText);

    $("#ServerMsgContainer").removeClass("emailFailure");
    $("#ServerMsgContainer").addClass("emailSuccess");

    $('#ServerMsgContainer').slideDown('slow');
    $('#aspnetForm img.loader').fadeOut('fast', function() { $(this).remove() });
    $("#aspnetForm #submit").attr('disabled', '');
    //$('#ContactFormDiv').slideUp('slow');
  
  $('#ServerMsgHeader').html(thankYouHeaderText);
    $('#ServerMsgMessage').html(thankYouMessageText);
  $('#ServerMsgContainer').slideDown('slow');
    return
}

function AjaxFailed(result) {
    $("#ServerMsgContainer").removeClass("emailSuccess");
    $("#ServerMsgContainer").addClass("emailFailure");
    $('#ServerMsgHeader').html(failureHeaderText);
    $('#ServerMsgMessage').html(failureMessageText);
    $('#ServerMsgContainer').slideDown('slow');
    $('#aspnetForm img.loader').fadeOut('fast', function() { $(this).remove() });
    $("#aspnetForm #submit").attr('disabled', '');
    return;
}  
 

Here's my asmx code:

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web.Script.Services;
using System.Xml;
using System.Xml.Linq;
using System.Text;
using System.Configuration;
using System.Net;
using System.Net.Mail;
using System.Text.RegularExpressions;


namespace RVContactForm
{   
    public class MailerRequest
    {
        public string name;
        public string company;
        public string preferredContact;
        public string phone;
        public string email;
        public string state;
        public string subject;
        public string message;
    }
        
    /// <summary>
    /// Send contact form data by mail.
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [ScriptService] // To allow this Web Service to be called from script, (using ASP.NET AJAX or JQuery), and return json formatted data.
    [ToolboxItem(false)]
    public class RVContactFormMailer : System.Web.Services.WebService
    {

        [WebMethod]
        [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
        public void SendContactForm(MailerRequest req)
        {

            #region get the form data
            
            string strName, strCompany, strPreferredContact, strPhone, strEmailFrom, strState, strEmailSubject, strMessage;
            strName = req.name;
            strCompany = req.company;
            strPreferredContact = req.preferredContact;
            strPhone = req.phone;
            strEmailFrom = req.email;
            strEmailSubject = req.subject;
            strState = req.state;
            strMessage = req.message;

            #endregion

            #region validate the form data

            string strValidationErr = umbraco.library.GetDictionaryItem("RV-ContactForm.error.serverValidation");

            if (strName==string.Empty)
            {
                throw new HttpRequestValidationException(strValidationErr);    
            }
            /*
            if (strCompany==string.Empty)
            {
                throw new HttpRequestValidationException(strValidationErr);    
            }
            */
            if (strPhone!=string.Empty)
            {
                bool isNum = Regex.IsMatch(strPhone, "^\\d+(\\.\\d+)?$");

                if (isNum==false || strPhone.Length<7)
                {
                    throw new HttpRequestValidationException(strValidationErr);
                }
            }
            if (strEmailSubject==string.Empty)
            {
                throw new HttpRequestValidationException(strValidationErr);    
            }
            
            if (strEmailFrom!=string.Empty)
            {
                //Email Regex String
                Regex reg = new Regex(@"\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*");

                // Check if there is NO match in Regex
                if (!reg.IsMatch(strEmailFrom))
                {
                    //Does not match RegEx - Invalid email address
                    throw new HttpRequestValidationException(strValidationErr);
                }
            }
            if (strMessage==string.Empty)
            {
                throw new HttpRequestValidationException(strValidationErr);    
            }

            #endregion

            #region set variables from config files

            string strEmailTo, emailReplyFrom, enableSSL;
            
            XmlDocument config = new XmlDocument();
            
            config.Load(HttpContext.Current.Server.MapPath(@"/config/RVContactForm.config")); 
            XmlNode root = config.SelectSingleNode("/RVContactForm");
            try
            {
                strEmailTo = root["RV-ContactForm.emailTo"].InnerText; 
                emailReplyFrom = root["RV-ContactForm.emailReplyFrom"].InnerText;
                enableSSL = root["RV-ContactForm.enableSSL"].InnerText;
            }
            catch (ConfigurationErrorsException ex)
            {
                throw new ConfigurationErrorsException("error reading configuration file",ex);
            }

            #endregion

            #region set email templates

            string strTime, strDate, strEmailBody, emailReplySubject, emailReplyBody;

            strEmailBody = umbraco.library.GetDictionaryItem("RV-ContactForm.emailBody");
            emailReplySubject = umbraco.library.GetDictionaryItem("RV-ContactForm.emailReplySubject");
            emailReplyBody = umbraco.library.GetDictionaryItem("RV-ContactForm.emailReplyBody");
            strTime = String.Format("{0:HH:mm:ss}", DateTime.Now.ToUniversalTime());
            strDate = String.Format("{0:dd/MM/yyyy}", DateTime.Now.ToUniversalTime());           
            strEmailBody = strEmailBody.Replace("[Name]", strName);
            strEmailBody = strEmailBody.Replace("[Subject]", strEmailSubject);
            strEmailBody = strEmailBody.Replace("[Email]", strEmailFrom);
            strEmailBody = strEmailBody.Replace("[Message]", strMessage);
            strEmailBody = strEmailBody.Replace("[Time]", strTime);
            strEmailBody = strEmailBody.Replace("[Date]", strDate);
            strEmailBody = strEmailBody.Replace("[Phone]", strPhone);
            strEmailBody = strEmailBody.Replace("[Company]", strCompany);
            strEmailBody = strEmailBody.Replace("[State]", strState);
            strEmailBody = strEmailBody.Replace("[PreferredContact]", strPreferredContact);

            #endregion

            #region send the contact form
            
            SmtpClient mySMTPClient = new SmtpClient();
            if (enableSSL=="true")
            {
                mySMTPClient.EnableSsl = true;
            }
            try
            {
                mySMTPClient.Send(strEmailFrom, strEmailTo, strEmailSubject, strEmailBody);

            }
            catch (SmtpException ex)
            {
                throw new SmtpException("error sending mail",ex);
            }

            string strEmailReplyFrom, strEmailReplySubject, strEmailReplyBody;
            strEmailReplyFrom = emailReplyFrom;
            strEmailReplySubject = emailReplySubject;
            strEmailReplyBody = emailReplyBody;
            strEmailReplyBody = strEmailReplyBody.Replace("[Name]", strName);
            try
            {
                mySMTPClient.Send(strEmailReplyFrom, strEmailFrom, strEmailReplySubject, strEmailReplyBody);
            }
            catch (SmtpException ex)
            {
                throw new SmtpException("error sending mail",ex);
            }

            #endregion
                      
        }
    }
}

hi,

in the asmx, try to change the lines:

strEmailBody = strEmailBody.Replace("[State]", strState);
strEmailBody = strEmailBody.Replace("[PreferredContact]", strPreferredContact);

to this line:

strEmailBody = "strPreferredContact=" + strPreferredContact + " strState=" + strState;

now you will see in your email if you get the right values to the asmx.

if you see the values: its means that something wrong in your email template that defined in the dictionary named "RV-ContactForm.emailBody".

is working on a reply...