JQuery :: Malsup's Form Plugin Uses .attr() For Disabled - IE7 Drops Form Fields W/ JQ Core 1.6.*?
Jul 11, 2011
We're using Malsup's form plugin v2.82 and jQuery core 1.6.2. We're having issues in IE7 where, on a form with file upload, form fields are being dropped before the form is submitted to the server.We tracked it down to the `fileUpload` function, specifically line 196 where each field in the form data has `.attr('disabled',false)` run against it. If we change this to`.prop('disabled',false)` it all works fine.I don't see a clearly marked place to submit bug reports for the form plugin, and wanted to verify that others see this as well,
I'm having troubles with an existing J2EE application (which uses Dojo) and in which I'm gradually introducing jQuery. The specific issue is with the malsup Form plugin and the JSON returned from a form submission: the error callback is always called, regardless of what happens on the server side, and the error is always "parsererror". I'm using jQuery 1.4.2 and the 2.45 version of the malsup Form plugin. For example, given the following code:
$(document).ready(function() { var options = { dataType: 'json',[code]....
the server receives the submission and handles it without errors, then in the browser I always get the same alert from the processAddressEditSubmitError() function, with an "Invalid JSON" message:
Malsup's most excellent and comprehensive Form plugin has me completely stuck on just one thing.Take a look at this: http:[url]....At the bottom are a variety of submit buttons, and when you click one, it knows which one has been clicked.And I've been through the js and the source and the examples and I can't figure out how the bleep it's done!I'll tell you why I'm asking, then perhaps you can probably tell me I'm doing it wrong anyway!Let's say a blind person logs in, and want to edit their presets.I don't want the form to be too complex or clever or ajaxy, as screenreaders don't like that, so it just iterates through as many presets as they have, and populates a form with edit boxes.But there's no point "pushing back" 29 unchanged items just to edit one row.
So my idea was I'd just "fieldSerialize()" the details of the row that was currently being edited and submit that to my little php routine that updates the db. Then they can do a refresh just to hear the list again.The js looks like:
$(document).ready(function() { $('#myForm').ajaxForm(function() { var queryString = $('#myForm').formSerialize(); [code]....
All works fine like that. But if I change line 3 to: var queryString = $('#myForm :button').fieldSerialize(); it doesn't work. I've also tried:
Maybe I should just generate as many separate forms as there are presets, but then I'm going to need as many ready(function)'s as there are rows, which is going to be very messy.
I'm using 2.28 from http:[url].....I'm submitting a form using this plugin and that works fine however I use <button> tags and these do not seem to be submitting with the rest of the fields.Has anyone managed to submit a button?
I'm trying to submit a form with the jQuery Form Plugin by malsup. I'm fairly positive my code is correct because in IE8 the success function is being called and the background of the boxes are turning green. In IE7 however, The submit function is definitely working as the file is uploaded to the correct place, but the success function is not being called/fired. Any ideas as to why this might be? Do IE7 and IE8 handle this that differently? The function in the success call is just changing a checkbox and combo box background colors to green.
In the function 'formToArray' the variable 'max' is causing a conflict in my application. The reason being that max is not explicitly defined as a var so it becomes a global variable.So IMHO:
#520 - var i,j,n,v,el; for(i=0, max=els.length; i < max; i++) {
should be changed to
#520 - var i,j,n,v,el, max; for(i=0, max=els.length; i < max; i++) {
I have a form with 3 fields that will allow a user to search a database of clients by either name, email, or client id number. However, I would like the user to only be able to put information in one field. It can be done be either deleting the other two fields when the user inputs information into a different field, or by disabling the other two fields when the user enters information in one (and also frees up all fields if the user ends up deleting what they entered).
Below is a start of what I had. Basically, it will disable the fields when I mouse out of them but won't re-enable them when I mouse back in. As you can see, I tried various combinations of events. (My code below also doesnt null out the other fields when the user opts to use a different field than the one they first began to enter info in).
<html> <head> <script type="text/javascript"> function makeDisable($ID){ var x=document.getElementById($ID)
This is driving me nuts. I'm using the File Upload. It works fine in Chrome, but in FF4 and IE9 it executes the beforeSubmit, but never reaches the success, and the file never reaches the server.
the HTML spec says that disabled fields aren't submitted during post- back... but I want them to be submitted with ajaxSubmit using the Forms plugin. is this possible with an option now? or something I have to work around?
I am validating my form fields using jquery validate plugin. but itsnot executing my methods. its hitting my validate() method but notactual validation code.I am pasting my code here for your reference.My javascript code:
mysite.validateFormFields = function() { alert('here'); [color=green] [b]// its hitting here [/b][/color]
I am using a jQuery plugin whihc highlights fields that are not filled out that are required fields.. Now at the moment it simply displays a "Required field" message, but i want it to highlight the text boxes in red instead, take a look at the link below, hit the submit buton and see what happens.. The styles go all wonky [URL] So can i acheive highlighting the text boxes in red if they are not filled in? I have looked at the documentation and cant seem to work out if it can be done..
There are two input fields in a form, but only one of them is required, they are not required at the same time. Either A or B is required. ( A is required OR B is required). In other words, a user can input data to field A, or he can input data to filed B, but he can not input data to Both A and B at the same time. How to implement this constraint in Jquery form validation?
m relatively new to Jquery and have come accross these two plugins.Having looked at the ajax examples offered for the form plugin i wasintruiged to find out how i could go about validating the form usingthe formvalidate plugin during the beforeSubmit callback.Ive seen that you can validate the ajaxform as shown in the followingxample.malsup.com/jquery/form/#code-samplesHowever i'd like to use the formvalidate as it offers alot more....
I have a form that has a reset button, and when it's closed, the form is reset. However, at least in testing on my own machine, I notice that the form fields are remembering past input (on Firefox 4 anyway). Once this goes public, I don't want the form remembering anything in case the website is viewed on a public machine. How can I keep the form fields from remembering any past input?
I am re-developing my website and want to use some Ajax/jQuery in it (so I am learning as I go) and I am not sure if this is possible so that is my first question:I have a registration form and I would like to know if after the person registering has completed their first and surname and the 2 sections of their postcode if I can use jQuery to run a PHP script to see if they are already registered before waiting for the form to be submitted and running a script then.I am thinking onkeyup (or similar) after the last field is completed but I don't know how that would work needing to also use 3 other field values.If this is possible, can anyone give me any ideas of examples that do this or how I can go about passing all the variables and running the scripts at the correct time.
I'm trying to get an upload popup working with the jQuery form plugin[URL].. When I click a link I load a form html from the server and add it to a container div by setting the div's html attribute. I then attach a submit handler to the form so I can call the ajaxSubmit function of the form plugin.
I'm using the Form Plugin to allow a user to upload a photo.The user clicks on a link in the page and I display a dialog collecting the file and description.It works great the first time, but when they do it again the description and a hidden field is not passed n the form.How can I get the form to work more than once without reloading the page?I call this on the click of the link on the page.
var options = {target: '#divToUpdate', success: PhotoUploaded}; $('#photoForm').ajaxForm(options);
I needed access to the form that's being submitted in the options.success() function (in order to hide the form after successful submission). I ended up modifying line 222 in jquery.form.js. I added $form as the third argument for all callbacks, like so:
options.success = function(data, status) { for (var i=0, max=callbacks.length; i < max; i++) callbacks[i](data, status, $form); // added $form as third argument. };
Is there a better way of accessing the form from the callbacks or would the plugin developer(s) consider adding this or another similar modification to the code?
I have my form working great as long as my submit button is contained within the form tags. But the design calls for the submit button to be outside of the form. Sample code and diagrams are below.
<form> my form here </form> <div> </div> <div> Submit button </div>
I am currently trying to validate a form before sending it with the jQuery Form Plugin.I can get them working but it is always one or the other, I can't get them both working.