Gecko [ www.jdcpatala.org ]

Name	Size	Permission
donation-form.html	448 B	-rw-r--r--
modal-contact-form.html	3.09 KB	-rw-r--r--
reservation-form.html	4.02 KB	-rw-r--r--

Code Editor : modal-contact-form.html

<div class="modal-header bg-theme-colored">
  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <h4 class="modal-title text-white" id="myModalLabel">Contact Form</h4>
</div>
<div class="p-40">
  
  <form id="contact_form" name="contact_form" class="" action="http://kodesolution.com/demo/personal/s/studypress/v5.0/demo/ajax-load/includes/sendmail.php" method="post">
    <div class="row">
      <div class="col-sm-6">
        <div class="form-group mb-30">
          <input name="form_name" class="form-control" type="text" placeholder="Enter Name" required="">
        </div>
      </div>
      <div class="col-sm-6">
        <div class="form-group mb-30">
          <input name="form_email" class="form-control required email" type="email" placeholder="Enter Email">
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-6">
        <div class="form-group mb-30">
          <input name="form_subject" class="form-control required" type="text" placeholder="Enter Subject">
        </div>
      </div>
      <div class="col-sm-6">
        <div class="form-group mb-30">
          <input name="form_phone" class="form-control" type="text" placeholder="Enter Phone">
        </div>
      </div>
    </div>
        <div class="form-group mb-15">
      <textarea name="form_message" class="form-control required" rows="5" placeholder="Enter Message"></textarea>
    </div>
        <div class="form-group mb-30">
      <input name="form_botcheck" class="form-control" type="hidden" value="" />
      <button type="submit" class="btn btn-flat btn-theme-colored text-uppercase mt-20 mb-sm-30 border-left-theme-color-2-4px" data-loading-text="Please wait...">Send your message</button>
      <button type="reset" class="btn btn-flat btn-theme-colored text-uppercase mt-20 mb-sm-30 border-left-theme-color-2-4px">Reset</button>
    </div>
  </form>
  
  <script type="text/javascript">
    $("#contact_form").validate({
      submitHandler: function(form) {
        var form_btn = $(form).find('button[type="submit"]');
        var form_result_div = '#form-result';
        $(form_result_div).remove();
        form_btn.before('<div id="form-result" class="alert alert-success" role="alert" style="display: none;"></div>');
        var form_btn_old_msg = form_btn.html();
        form_btn.html(form_btn.prop('disabled', true).data("loading-text"));
        $(form).ajaxSubmit({
          dataType:  'json',
          success: function(data) {
            if( data.status == 'true' ) {
              $(form).find('.form-control').val('');
            }
            form_btn.prop('disabled', false).html(form_btn_old_msg);
            $(form_result_div).html(data.message).fadeIn('slow');
            setTimeout(function(){ $(form_result_div).fadeOut('slow') }, 6000);
          }
        });
      }
    });
  </script>
</div>

<script>
  //reload date and time picker
  THEMEMASCOT.initialize.TM_datePicker();
</script>

${this.title}

Code Editor : modal-contact-form.html