One of the things I like about jQuery (I know this library
the best but imagine others work in a similar fashion) is that when
you submit a form via a jQuery function, jQuery uses the action
attribute of the form tag to determine where it submits *unless* a
submit to url is provided in the options object passed into the
ajaxForm function.
I haven't tried it before but you should be able to set the
form action attribute to one url, which would be used if JS is off,
and set another action url in options object that gets passed into
the ajax form function
Here's a sample of setting up an HTML form to submit via
jQuery (the HTML form would use an alternate action page).
$(document).ready
(
function()
{
var options = {
target: '#formOutput', // target element(s) to be updated
with server response
beforeSubmit: showFormRequest, // pre-submit callback
success: showFormResponse, // post-submit callback
resetForm: true,
// other available options:
url: 'htp://domain.com/blah/blah/blah.cfm', // override for
form's 'action' attribute
type: 'post', // 'get' or 'post', override for form's
'method' attribute
dataType: 'json' // 'xml', 'script', or 'json' (expected
server response type)
//clearForm: true // clear all form fields after successful
submit
//resetForm: true // reset the form after successful submit
// $.ajax options can be used here too, for example:
//timeout: 3000
};
// bind form using 'ajaxForm'
$('#myform').ajaxForm(options);
});
Might not be worth the effort of fit into your requirements
but wanted to put it out there for you. I have a jQuery-driven CMS
I built for a client that I could pull some code samples out for
you if that might help.
Cheers,
Craig
9
Replies
AdChoices