Questions tagged [jquery-forms-plugin]

The jQuery Form Plugin simplifies the process of submitting a form via Ajax and displaying the results within the current page.

The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use Ajax. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted.

269 questions
51
votes
6 answers

How to ajax-submit a form textarea input from CKEditor?

I am using CKEditor, jQuery and jQuery form plugin and I would like to submit contents of the CkEditor form via an Ajax query. Here is my code:
fabien7474
  • 16,300
  • 22
  • 96
  • 124
46
votes
7 answers

Resource interpreted as Document but transferred with MIME type application/json warning in Chrome Developer Tools

I have the following snippet, which uses the jQuery Form plugin to post a form to the server (in ajax). var options = { dataType: "json", success: function(data) { alert("success"); } }; $form.ajaxSubmit(options); The…
tamakisquare
  • 16,659
  • 26
  • 88
  • 129
21
votes
1 answer

How to use the jQuery Validation plugin with metadata, jQuery Forms and xVal together?

I've been doing some development using the xVal framework for .NET to link up some of the validation rules for models on the server side along with some client side validation using the jQuery Validation plugin along with the jQuery Form plugin for…
casperOne
  • 73,706
  • 19
  • 184
  • 253
17
votes
5 answers

jquery form plugin, no error handling

It seems that there are no error handling facility in the Jquery.Form plugin, which is very frustrating. Even though the documentation says we can use the $.ajax options, I still cannot make use of the 'error' option when the server returns an…
Shaoz
  • 10,573
  • 26
  • 72
  • 100
16
votes
3 answers

jquery getResponseHeader always returns 'undefined'?

I have a a form that I am submitting via ajax. I am using the jquery form plugin. What I am trying to do is get the 'Location' header which is returned from my server. I can see it in firebug. But whenever I call the getResponseHeader() function…
demersus
  • 1,185
  • 2
  • 10
  • 24
16
votes
4 answers

jquery form not working as expected. ajaxForm is not a function

I am trying to use jquery form but it sais in the concole ajaxForm is not a function. The jquery.form.js is properly included and the code is in a document ready function... This is the script: $("#apply-form").ajaxForm({ …
Beniamin Szabo
  • 1,909
  • 4
  • 17
  • 26
13
votes
1 answer

Uploading a file and passing a additional parameter with multer

I am using the jQuery Form Plugin and multer to upload files to my server. This works just fine, but I am trying to pass an additional parameter, which will determine where exactly the file will be saved. I have following code, which I would like to…
Clemens Himmer
  • 1,340
  • 2
  • 13
  • 26
10
votes
4 answers

Why is my form submitting twice?

SO for some reason my form is submitting two times with a single button press. This is my first time using jquery Form plugin, and I imagine that jquery is submitting once and the form is "naturally" submitting as well. I have seen that the remedy…
10
votes
3 answers

Upload fails in PHP using Malsup's jQuery File Upload Progress Bar

I am using Malsup's jQuery File Upload Progress Bar for visualizing progress bar while uploading files to server. I am using it now at present. I have got the following doubts in this plugin: 1) File uploads even if the progress bar has not achieved…
highlander141
  • 1,683
  • 3
  • 23
  • 48
8
votes
4 answers

jquery trigger: how can I trigger the browse file in the input when I click on a text link?

Following up on this post, I have another issuer - how can I trigger the browse file in the input when I click on a text link? Basically I want to hide the form but it will be triggered when you click on the upload text link.
Run
  • 54,938
  • 169
  • 450
  • 748
8
votes
1 answer

jquery ajax 422 coming in as a success in chrome

I've got a site that's using rails3, jquery-forms, and I'm testing in firefox and chome. For the sake of testing, I've got the server returning 422 status every time. When I submit my form, Firefox correctly hits "error." Chrome incorrectly hits…
earnold
  • 1,440
  • 1
  • 15
  • 26
8
votes
1 answer

Jquery form plugin not working in IE 8

After 4 hours of reading posts to try to solve this..... I use the plugin to upload photos and return it to the Tinymce Editor. It works perfect in Chrome and Firefox but fails in IE. In the dev tools, it breaks in jquery.forms.js on line 474 as IE…
Naterade
  • 2,635
  • 8
  • 34
  • 54
7
votes
3 answers

ajaxSubmit uploadprogress always return 100

I am trying to make a progress bar to show the user how much of the file is uploaded, I am using ajaxSubmit and uploadprogress function, however this function doesn't update it just gives me 100 and that is it: Here is my JS code: function…
7
votes
4 answers

Modifying form values with beforeSubmit with jQuery ajaxSubmit?

I have a form I am submitting using jQuery's ajaxSubmit function from the Forms plugin. I'm trying to add a form name/value pair to the form data just before submission occurs. My plan is to modify the form data in the beforeSubmit event…
Brian Vallelunga
  • 9,869
  • 15
  • 60
  • 87
6
votes
2 answers

How can I avoid calling jquery twice

I am using Jquery Form Plugin to submit my form. The head tag of my html file looks like following then 10 other javascript files AND Then