/BlogEngine/BlogEngine.NET/contact.aspx

<%@ Page Language="C#" AutoEventWireup="true" Inherits="contact" ValidateRequest="false" Codebehind="contact.aspx.cs" %>

<%@ Import Namespace="BlogEngine.Core" %>



<asp:content id="Content1" contentplaceholderid="cphBody" runat="Server">

  <div id="contact" class="contact-page page-global">

    <div id="divForm" runat="server">

      <h2 class="contact-page-title page-global-title"><%=Resources.labels.contact %></h2>

      <div class="contact-page-message"><%=BlogSettings.Instance.ContactFormMessage %></div>

        <div class="form-group">

          <label for="<%=txtName.ClientID %>"><%=Resources.labels.name %></label>

          <asp:TextBox runat="server" id="txtName" cssclass="field form-control" />

            <asp:requiredfieldvalidator runat="server" CssClass="required-field" controltovalidate="txtName" ErrorMessage="<%$Resources:labels, required %>" validationgroup="contact" />

        </div>

        <div class="form-group">

          <label for="<%=txtEmail.ClientID %>"><%=Resources.labels.email %></label> 

          <asp:TextBox runat="server" id="txtEmail" cssclass="field form-control" />

            <asp:requiredfieldvalidator runat="server"  CssClass="required-field" controltovalidate="txtEmail" ErrorMessage="<%$Resources:labels, required %>" validationgroup="contact" /> <asp:RegularExpressionValidator runat="server"   CssClass="required-field" ControlToValidate="txtEmail" display="dynamic" ErrorMessage="<%$Resources:labels, enterValidEmail %>" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" validationgroup="contact" />       

        </div>

        <div class="form-group">

          <label for="<%=txtSubject.ClientID %>"><%=Resources.labels.subject %></label> 

          <asp:TextBox runat="server" id="txtSubject" cssclass="field form-control" />

            <asp:requiredfieldvalidator runat="server"  CssClass="required-field" controltovalidate="txtSubject" ErrorMessage="<%$Resources:labels, required %>" validationgroup="contact" />

        </div>

        <div class="form-group">

          <label for="<%=txtMessage.ClientID %>"><%=Resources.labels.message %></label> 

          <asp:TextBox runat="server" id="txtMessage" textmode="multiline" cssclass="form-control" rows="5" columns="30" />

            <asp:requiredfieldvalidator runat="server"  CssClass="required-field" controltovalidate="txtMessage" ErrorMessage="<%$Resources:labels, required %>" display="dynamic" validationgroup="contact" />    

        </div>

        <div class="form-group">

          <asp:placeholder runat="server" id="phAttachment">      

            <label for="<%=txtAttachment.ClientID %>"><%=Resources.labels.attachFile %></label>

            <asp:FileUpload runat="server" id="txtAttachment" />

          </asp:placeholder>

        </div>

      <blog:RecaptchaControl runat="server" ID="recaptcha" />

      <asp:HiddenField runat="server" ID="hfCaptcha" />

      <div class="text-right btn-wrapper">

        <asp:button runat="server" id="btnSend" class="btn btn-primary" Text="<%$Resources:labels, send %>" OnClientClick="return beginSendMessage();" validationgroup="contact" />    

        <asp:label runat="server" id="lblStatus" visible="false"><%=BlogSettings.Instance.ContactErrorMessage %>.</asp:label>

      </div>

    </div>

    <div id="thanks">

      <div id="divThank" runat="Server" visible="False">      

      <div><%=BlogSettings.Instance.ContactThankMessage %></div>

      </div>

    </div>

  </div>

  

  <script type="text/javascript">

      function beginSendMessage() {

          if (BlogEngine.$('<%=txtAttachment.ClientID %>') && BlogEngine.$('<%=txtAttachment.ClientID %>').value.length > 0)

              return true;



          if (!Page_ClientValidate('contact'))

              return false;



          var recaptchaResponseField = document.getElementById('recaptcha_response_field');

          var recaptchaResponse = recaptchaResponseField ? recaptchaResponseField.value : "";



          var recaptchaChallengeField = document.getElementById('recaptcha_challenge_field');

          var recaptchaChallenge = recaptchaChallengeField ? recaptchaChallengeField.value : "";



          var name = BlogEngine.$('<%=txtName.ClientID %>').value;

          var email = BlogEngine.$('<%=txtEmail.ClientID %>').value;

          var subject = BlogEngine.$('<%=txtSubject.ClientID %>').value;

          var message = BlogEngine.$('<%=txtMessage.ClientID %>').value;

          var sep = '-||-';

          var arg = name + sep + email + sep + subject + sep + message + sep + recaptchaResponse + sep + recaptchaChallenge;

          WebForm_DoCallback('__Page', arg, endSendMessage, 'contact', onSendError, false)



          BlogEngine.$('<%=btnSend.ClientID %>').disabled = true;



          return false;

      }



      function endSendMessage(arg, context) {



          if (arg == "RecaptchaIncorrect") {

              displayIncorrectCaptchaMessage();

              BlogEngine.$('<%=btnSend.ClientID %>').disabled = false;



              if (document.getElementById('recaptcha_response_field')) {

                  Recaptcha.reload();

              }

          }

          else {

              if (document.getElementById("spnCaptchaIncorrect")) document.getElementById("spnCaptchaIncorrect").style.display = "none";



              BlogEngine.$('<%=btnSend.ClientID %>').disabled = false;

              var form = BlogEngine.$('<%=divForm.ClientID %>')

              var thanks = BlogEngine.$('thanks');



              form.style.display = 'none';

              thanks.innerHTML = arg;

          }

      }



      function displayIncorrectCaptchaMessage() {

          if (document.getElementById("spnCaptchaIncorrect")) document.getElementById("spnCaptchaIncorrect").style.display = "";

      }



      function onSendError(err, context) {

          if (document.getElementById('recaptcha_response_field')) {

              Recaptcha.reload();

          }

          BlogEngine.$('<%=btnSend.ClientID %>').disabled = false;

          alert("Sorry, but the following occurred while attemping to send your message: " + err);

      }

  </script>

</asp:content>