Use $(this).ajaxSubmit(options); instead of $(this).ajaxForm
(options);
.ajaxForm will bind a form to automatically post back as ajax while
ajaxSubmit will send the request to the server.
On Dec 22, 9:56 am, Pedster <pedsters.pla...@gmail.com> wrote:
> Using:
> JQuery and the Form plug in........
>
> my head tag includes
>
> <SCRIPT SRC="js/jscript.js" language="JavaScript1.2"></SCRIPT>
> <SCRIPT SRC="js/ssm.js" language="JavaScript1.2"></SCRIPT>
> <SCRIPT SRC="js/ssmItems.js" language="JavaScript1.2"></SCRIPT>
> <SCRIPT SRC="js/jquery_t.js" language="JavaScript1.2"></SCRIPT>
> <SCRIPT SRC="js/slideshow.js" language="JavaScript1.2"></SCRIPT>
> <SCRIPT SRC="js/cycle.js" language="JavaScript1.2"></SCRIPT>
> <SCRIPT SRC="js/thickbox.js" language="JavaScript1.2"></SCRIPT>
> <SCRIPT SRC="js/jquery.innerfade.js" language="JavaScript1.2"></
> SCRIPT>
> <SCRIPT SRC="js/jquery.form.js" language="JavaScript1.2"></SCRIPT>
> <script language="javascript" type="text/javascript">
> $(function(){
> var options = {
> target: '#result',
> beforeSubmit: showRequest,
> success: showResponse
> };
>
> // bind to the form's submit event
> $('#contact').submit(function(){
> alert('About to submit: \n\n' + queryString);
> $(this).ajaxForm(options);
> return false;
> });
> etc
> ect
>
> });
>
> and my form looks like:
>
> <form id="contact" action="hidden" method="post">
> <div class="box">
> <label><span>To: *</span>
> <select name="recipients" class="input_text">
> <option value="" selected>Select a Management Member to Contact</
> option>
> </select></label>
> <label><span>Your Full name: *</span> <input type="text"
> class="input_text" name="realname" id="realname"/></label>
> <label><span>Your Email: *</span> <input type="text"
> class="input_text" name="email" id="email"/> </label>
> <label><span>About: *</span><select name="about" class="input_text">
> <option value="" selected>Please Select</option>
> </select>
> </label>
> <label><span>Message: *</span> <textarea class="message"
> name="feedback" id="feedback"></textarea></label>
> <label><input type="submit" name=~"submit" class="button"
> value="Submit Form" /></label>
> </div>
> </form>
>
> When clicking submit, it acts like a normal form post and not
> ajax's .submit trrigger. Any ideas why?
