Override Form Submit

[imperium2335]

Hi,

 

I am trying to create a file uploader by following an online tutorial about AJAX file uploading.

 

Due to the nature of my system, I need to override the the form submit function.

 

That is, instead of submit the form by pressing the typical form submit button, I want to submit the form using my function (which is a button in a jquery ui dialog box).

 

How can I do this? ( I have attached a screenshot)

 

Here is my form for the file upload part in the dialog:

 

<form id="imageList" method="post" enctype="application/x-www-form-urlencoded" target="hiddenUpload">
            <input name="firstFile" type="file" />
            <iframe id="hiddenUpload" name="hiddenUpload" onload="" style="width:0px;height:0px;border:none;"></iframe>
            </form>

[AyKay47]

Typically you'll return false on the submit button click and call .submit() on the form element in your function.

Really can't help any further given a picture and a form..

[imperium2335]

Thanks!

 

That is exactly what I wanted.

 

I guess this is how they fake an AJAX file upload.