I went with the second option so that I didn't have to use the bootstrap classes, but it just ignores the AJAX when I do. Submit just sends it as a GET request. Any ideas? Here's my page's HTML:

title = "Contact"
url = "/contact"
layout = "defaultl"

[contactForm]

[blogCategories]
idParam = ":slug"
categoryPage = "category"
categoryPageIdParam = ":slug"
displayEmpty = "0"
==
<div class="main-content contact-form">
    <form role="form"
      data-request="{{ __SELF__ }}::onMailSent"
      data-request-update="'{{ __SELF__ }}::confirm': '.confirm-container'"
      data-request-success="$('.form-groups').hide(1000)">

        <div class="confirm-container">
            <!--This will contain the confirmation when the email is successfully sent-->
        </div>

        <input type="text" class="default-input rounded" value=""  name="name" placeholder="Name">
        <input type="text" class="default-input rounded" value="" name="email" placeholder="Email">
        <input type="text" class="default-input rounded" value="" name="subject" placeholder="Subject">
        <textarea class="default-input rounded" value="" name="body" placeholder="Message" cols="30" rows="5"></textarea>
        <button type="submit" class="btn orange full rounded">Submit</button>
    </form>
</div>

Hi josh630, thanks for sending the bug. I realized now that if you need to use the second option, you need to change the SELF to contactForm or to any alias you've specified for the component.

I will update the docs soon. Thanks for spotting it.

Also, make sure to include jquery and the {% framework %} tag in your layout or page.

Oh! That totally makes sense. Ha! Thanks for the quick reply and the help. :)

No worries, glad it was helpful. Could you please give me a like if you like the plugin.

Hi Lamin, I am using this plugin and followed all the default instructions for the setup including the Flexi Contact Settings. It seems to work when clicking the send button but I actually never receive the message to my email. I am using a gmail address to receive the messages could that be an issue? Or can it be the hosting, I currently using host gator. Not sure what it can be, I'm sure the plugin is done well and sure looks like it works when it notifies me that the message has been sent. Btw I have double checked with three different email addresses. Any ideas?

How can i add simple field validation?

@isntritchie2664 I would suggest jquery validation. It's what I have always used, and it's always worked well.

@Josh Thankyou Josh, will try it out :)