Simple validating contact form dating sites in guernsey

Validation works,but the form refreshes after submitting. I've put it in wordpress, perhaps it affected the form? Here's the link: There seems to be an issue with the success message. I've styled the form to my liking, sending the message works (I sent it to my email.) The problem is just after clicking send, the form refreshes instantly. $(document).ready(function() { $('#contact_form').bootstrap Validator({ // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later feedback Icons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: { first_name: { validators: { string Length: { min: 2, }, not Empty: { message: ' Please supply your first name' } } }, last_name: { validators: { string Length: { min: 2, }, not Empty: { message: ' Please supply your last name' } } }, email: { validators: { not Empty: { message: ' Please supply your email address' }, email Address: { message: ' Please supply a valid email address' } } }, phone: { validators: { not Empty: { message: ' Please supply your phone number' }, phone: { country: ' US', message: ' Please supply a vaild phone number with area code' } } }, address: { validators: { string Length: { min: 8, }, not Empty: { message: ' Please supply your street address' } } }, city: { validators: { string Length: { min: 4, }, not Empty: { message: ' Please supply your city' } } }, state: { validators: { not Empty: { message: ' Please select your state' } } }, zip: { validators: { not Empty: { message: ' Please supply your zip code' }, zip Code: { country: ' US', message: ' Please supply a vaild zip code' } } }, comment: { validators: { string Length: { min: 10, max: 200, message:' Please enter at least 10 characters and no more than 200' }, not Empty: { message: ' Please supply a description of your project' } } } } }) .on('bv', function(e) { $('#success_message').slide Down({ opacity: "show" }, "slow") // Do something ... You can even edit them anytime, like any other code on Code Pen.$('#contact_form').data('bootstrap Validator').reset Form(); // Prevent form submission e.prevent Default(); // Get the form instance var $form = $(e.target); // Get the Bootstrap Validator instance var bv = $form.data('bootstrap Validator'); // Use Ajax to submit form data $.post($form.attr('action'), $form.serialize(), function(result) { console.log(result); }, 'json'); }); }); As a PRO member, you can drag-and-drop upload files here to use as resources.

Mandrill provides a reliable, secure delivery API for transactional emails from websites and applications.

It's easy for developers to integrate sending emails with its API which are available in various programming languages.

The following piece of code uses an Ajax request to send the needed information to Mandrill API: Due to the cross domain issue, the Ajax request above doesn't work on the Internet Explorer (IE) browser version 8, 9.

In order to support these IE versions, you should take a look at the j Query-ajax Transport-XDomain Request script.

Most often, the purpose of data validation is to ensure correct input to a computer application.

Validation can be defined by many different methods, and deployed in many different ways.Server side validation is performed by a web server, after input has been sent to the server.Client side validation is performed by a web browser, before input is sent to a web server.Simfatic Forms helps you to make complete, feature rich forms and get it online quickly. “Contact us” forms are essential for almost any website.The ‘contact us’ form provides an easy interface through which your visitors can communicate to you.Your visitors can quickly submit their views, opinions and suggestions about your website , product or service.