Submitting forms dynamically with jQuery

[Jian]

In this guide, I will teach you how to submit forms using Ajax, with a simple jQuery plugin that I have coded today.

Dependencies

• dynForm (
  You must be registered for see links
  )
• jQuery (
  You must be registered for see links
  )

Guide
Creating the form.

<form action="" method="POST" class="ajax_form">
  <input type="text" name="username" />
  <input type="password" name="password" />
  <input type="submit" name="login" value="Log In" />
</form>

The Javascript

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.dynform.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('form.ajax_form').dynForm();
});
</script>

This will just simple submit the form to the specified URL in the action entity of your form.

Scenarios
- Not using the URL specified in the form's action entity.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.dynform.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('form.ajax_form').dynForm({
    url: 'http://custom_url_here.com/'
  });
});
</script>

Well of course, there are more options that can be viewed

You must be registered for see links

.

 

[Sysode]

Nice release. It'll sure help a few people out, easy to understand as well

 

[Jian]

I'm gonna update the jQuery plugin later as some option's default is bset to the wrong value.