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?
