Send Card by Email

[?] To^*: Please enter the email address(es) you wish to send the card to—50 max.

Multiple email address can be separated by a semicolon (“;”) or comma (“,”).

From^*: Please enter your email address.

Subject:

Your message:

</div>
            <div class="button-container">
                <input id="email-cancel" type="button" value="Cancel" /><input id="email-submit" type="button" value="Send Email" />
            </div>
        </div>
    </div>

<div id="card-ig-container">
        <div id="ig-form">
            <h3>Post to Instagram</h3>
            <p>Click the link below to download the image, then post it to Instagram.</p>
            <p><a href="https://equakecreative.blob.core.windows.net/mysocialgreeting/chargersholiday/6.jpg" target="_blank">Download holiday card</a></p>
            <p><button id="ig-close">Close</button></p>
        </div>
    </div>

$('#btn-ig').on('click', function () {
            $('#card-ig-container').fadeIn();
        });
        $('#ig-close').on('click', function () { $('#card-ig-container').fadeOut(); });

$('#btn-email').on('click', function () {
            $('#email-form').find('.invalid').removeClass('invalid');
            $('#email-to, #email-from, #email-message').val('');
            $('#card-email-container').fadeIn();
        });
        $('#email-cancel').on('click', function () { $('#card-email-container').fadeOut(); });

$('#email-submit').on('click', function () {
            var emailRegex = /\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/i,
                isValid = true,
                $emailTo = $('#email-to'),
                $emailFrom = $('#email-from');
            
            $('#email-form').find('.invalid').removeClass('invalid');

if (isValid) {
                var postdata = JSON.stringify({
                    emailto: $emailTo.val(),
                    emailfrom: $emailFrom.val(),
                    subject: $('#email-subject').val(),
                    message: $('#email-message').val()
                });

$.ajax({
                    type: 'POST',
                    url: '/Home/Email/1096',
                    data: postdata,
                    contentType: 'application/json',
                    dataType: 'json',
                    accepts: 'json'
                }).done(function (data) { if (data.d) data = data.d; });

$('#card-email-container').fadeOut();
            }
        });
    </script>
</div>