StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POCodeigniter ajax email form
text
Body
copied!<p>I'm implementing an ajax contact form in Codeigniter. Can't seem to figure out what my issue is. When running the script through Firebug, there is a POST error in jquery.min.js which doesn't seem to make much sense. Maybe there's a syntax error I'm missing?</p> <p>Here is my ajax JS:</p> <pre><code>$(document).ready(function() { //Ajax contact form $('#submit').click(function() { var form_data = { first_name : $('.first_name').val(), last_name : $('.last_name').val(), email : $('.email').val(), message : $('.message').val(), ajax : '1' }; $.ajax({ type : 'POST', url : "http://localhost/web/hfs/home/contact", async : false, data : form_data, success : function(msg) { $('#left-container.thankyou').html(msg); } }); // end ajax return false; }); }); </code></pre> <p>And here is my controller function:</p> <pre><code>public function contact() { if ($this -> input -> post('ajax') == '1') { $this -> form_validation -> set_rules('first_name', 'First Name', 'required|min_length[1]'); $this -> form_validation -> set_rules('last_name', 'Last Name', 'required|min_length[1]'); $this -> form_validation -> set_rules('email', 'Email', 'required|valid_email'); $this -> form_validation -> set_rules('message', 'Message', 'required|min_length[5]'); $this->form_validation->set_message('required', 'Please fill in the fields'); if ($this -> form_validation -> run() == FALSE) { echo validation_errors(); } else { echo "Thanks for contacting!"; } } } </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload