@{
var toEmail = "you@domain.com";
var subject = "Contact Form Message";

    if (IsPost)  {
        var name = Request["name"];
        var email = Request["email"];
        var message = Request["message"];

        DotNetNuke.Services.Mail.Mail.SendMail(email, toEmail, "", subject, message, "", "", "", "", "", "");
        @:<div class="alert alert-success pull-left" id="form-error" role="alert">Thank you for your message</div>   
    }
}

@if (!IsPost){
<div id="contactForm" class="form-horizontal col-sm-12">
    <h3>Leave a Message</h3>
          <div class="form-group"><label>Name</label><input name="Name" value="@Request["name"]" class="form-control required" placeholder="Your name" data-placement="top" data-trigger="manual" data-content="Please enter your name" type="text"></div>
          <div class="form-group"><label>E-Mail</label><input name="Email" value="@Request["email"]"class="form-control email required" placeholder="email@you.com (so that we can contact you)" data-placement="top" data-trigger="manual" data-content="Please enter a valid e-mail address" type="text"></div>
          <div class="form-group"><label>Message</label><textarea name="Message" class="form-control required" placeholder="Your message here.." data-placement="top" data-trigger="manual" data-content="Please leave a message" type:"text">@Request["message"]</textarea></div>
          <div class="form-group"><button type="submit" class="btn btn-success pull-right">Send It!</button> 
          <div class="alert alert-danger pull-left hide" id="form-error" role="alert">There is an error on the form</div></div>
</div>
}
<script type="text/javascript">
$.fn.goValidate = function() {
    var $form = this,
        $inputs = $form.find(':input');
  
    var validators = {
        name: {
            regex: /^[A-Za-z]{3,}$/
        },
        pass: {
            regex: /(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}/
        },
        email: {
            regex: /^[\w\-\.\+]+\@("@")[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/
        }
    };
    var validate = function(klass, value) {
        var isValid = true,
            error = '';
            
        if (!value && /required/.test(klass)) {
            error = 'This field is required';
            isValid = false;
        } else {
            klass = klass.split(/\s/);
            $.each(klass, function(i, k){
                if (validators[k]) {
                    if (value && !validators[k].regex.test(value)) {
                        isValid = false;
                        error = validators[k].error;
                    }
                }
            });
        }
        return {
            isValid: isValid,
            error: error
        }
    };
    var showError = function($input) {
        var klass = $input.attr('class'),
            value = $input.val(),
            test = validate(klass, value);
      
        $input.removeClass('invalid');
        $('#form-error').addClass('hide');
        
        if (!test.isValid) {
            $input.addClass('invalid');
            
            if(typeof $input.data("shown") == "undefined" || $input.data("shown") == false){
               $input.popover('show');
            }
            
        }
      else {
        $input.popover('hide');
      }
    };
   
    $inputs.keyup(function() {
        showError($(this));
    });
  
    $inputs.on('shown.bs.popover', function () {
        $(this).data("shown",true);
    });
  
    $inputs.on('hidden.bs.popover', function () {
        $(this).data("shown",false);
    });
  
    $form.submit(function(e) {
      
        $inputs.each(function() { /* test each input */
            if ($(this).is('.required') || $(this).hasClass('invalid')) {
                showError($(this));
            }
        });
        if ($form.find('input.invalid').length) { /* form is not valid */
            e.preventDefault();
            $('#form-error').toggleClass('hide');
        }
    });
    return this;
};
$('form').goValidate();
</script>