1 | /*
|
---|
2 | * jQuery Form Plugin
|
---|
3 | * version: 2.21 (08-FEB-2009)
|
---|
4 | * @requires jQuery v1.2.2 or later
|
---|
5 | *
|
---|
6 | * Examples and documentation at: http://malsup.com/jquery/form/
|
---|
7 | * Dual licensed under the MIT and GPL licenses:
|
---|
8 | * http://www.opensource.org/licenses/mit-license.php
|
---|
9 | * http://www.gnu.org/licenses/gpl.html
|
---|
10 | */
|
---|
11 | ;(function($) {
|
---|
12 |
|
---|
13 | /*
|
---|
14 | Usage Note:
|
---|
15 | -----------
|
---|
16 | Do not use both ajaxSubmit and ajaxForm on the same form. These
|
---|
17 | functions are intended to be exclusive. Use ajaxSubmit if you want
|
---|
18 | to bind your own submit handler to the form. For example,
|
---|
19 |
|
---|
20 | $(document).ready(function() {
|
---|
21 | $('#myForm').bind('submit', function() {
|
---|
22 | $(this).ajaxSubmit({
|
---|
23 | target: '#output'
|
---|
24 | });
|
---|
25 | return false; // <-- important!
|
---|
26 | });
|
---|
27 | });
|
---|
28 |
|
---|
29 | Use ajaxForm when you want the plugin to manage all the event binding
|
---|
30 | for you. For example,
|
---|
31 |
|
---|
32 | $(document).ready(function() {
|
---|
33 | $('#myForm').ajaxForm({
|
---|
34 | target: '#output'
|
---|
35 | });
|
---|
36 | });
|
---|
37 |
|
---|
38 | When using ajaxForm, the ajaxSubmit function will be invoked for you
|
---|
39 | at the appropriate time.
|
---|
40 | */
|
---|
41 |
|
---|
42 | /**
|
---|
43 | * ajaxSubmit() provides a mechanism for immediately submitting
|
---|
44 | * an HTML form using AJAX.
|
---|
45 | */
|
---|
46 | $.fn.ajaxSubmit = function(options) {
|
---|
47 | // fast fail if nothing selected (http://dev.jquery.com/ticket/2752)
|
---|
48 | if (!this.length) {
|
---|
49 | log('ajaxSubmit: skipping submit process - no element selected');
|
---|
50 | return this;
|
---|
51 | }
|
---|
52 |
|
---|
53 | if (typeof options == 'function')
|
---|
54 | options = { success: options };
|
---|
55 |
|
---|
56 | options = $.extend({
|
---|
57 | url: this.attr('action') || window.location.toString(),
|
---|
58 | type: this.attr('method') || 'GET'
|
---|
59 | }, options || {});
|
---|
60 |
|
---|
61 | // hook for manipulating the form data before it is extracted;
|
---|
62 | // convenient for use with rich editors like tinyMCE or FCKEditor
|
---|
63 | var veto = {};
|
---|
64 | this.trigger('form-pre-serialize', [this, options, veto]);
|
---|
65 | if (veto.veto) {
|
---|
66 | log('ajaxSubmit: submit vetoed via form-pre-serialize trigger');
|
---|
67 | return this;
|
---|
68 | }
|
---|
69 |
|
---|
70 | // provide opportunity to alter form data before it is serialized
|
---|
71 | if (options.beforeSerialize && options.beforeSerialize(this, options) === false) {
|
---|
72 | log('ajaxSubmit: submit aborted via beforeSerialize callback');
|
---|
73 | return this;
|
---|
74 | }
|
---|
75 |
|
---|
76 | var a = this.formToArray(options.semantic);
|
---|
77 | if (options.data) {
|
---|
78 | options.extraData = options.data;
|
---|
79 | for (var n in options.data) {
|
---|
80 | if(options.data[n] instanceof Array) {
|
---|
81 | for (var k in options.data[n])
|
---|
82 | a.push( { name: n, value: options.data[n][k] } )
|
---|
83 | }
|
---|
84 | else
|
---|
85 | a.push( { name: n, value: options.data[n] } );
|
---|
86 | }
|
---|
87 | }
|
---|
88 |
|
---|
89 | // give pre-submit callback an opportunity to abort the submit
|
---|
90 | if (options.beforeSubmit && options.beforeSubmit(a, this, options) === false) {
|
---|
91 | log('ajaxSubmit: submit aborted via beforeSubmit callback');
|
---|
92 | return this;
|
---|
93 | }
|
---|
94 |
|
---|
95 | // fire vetoable 'validate' event
|
---|
96 | this.trigger('form-submit-validate', [a, this, options, veto]);
|
---|
97 | if (veto.veto) {
|
---|
98 | log('ajaxSubmit: submit vetoed via form-submit-validate trigger');
|
---|
99 | return this;
|
---|
100 | }
|
---|
101 |
|
---|
102 | var q = $.param(a);
|
---|
103 |
|
---|
104 | if (options.type.toUpperCase() == 'GET') {
|
---|
105 | options.url += (options.url.indexOf('?') >= 0 ? '&' : '?') + q;
|
---|
106 | options.data = null; // data is null for 'get'
|
---|
107 | }
|
---|
108 | else
|
---|
109 | options.data = q; // data is the query string for 'post'
|
---|
110 |
|
---|
111 | var $form = this, callbacks = [];
|
---|
112 | if (options.resetForm) callbacks.push(function() { $form.resetForm(); });
|
---|
113 | if (options.clearForm) callbacks.push(function() { $form.clearForm(); });
|
---|
114 |
|
---|
115 | // perform a load on the target only if dataType is not provided
|
---|
116 | if (!options.dataType && options.target) {
|
---|
117 | var oldSuccess = options.success || function(){};
|
---|
118 | callbacks.push(function(data) {
|
---|
119 | $(options.target).html(data).each(oldSuccess, arguments);
|
---|
120 | });
|
---|
121 | }
|
---|
122 | else if (options.success)
|
---|
123 | callbacks.push(options.success);
|
---|
124 |
|
---|
125 | options.success = function(data, status) {
|
---|
126 | for (var i=0, max=callbacks.length; i < max; i++)
|
---|
127 | callbacks[i].apply(options, [data, status, $form]);
|
---|
128 | };
|
---|
129 |
|
---|
130 | // are there files to upload?
|
---|
131 | var files = $('input:file', this).fieldValue();
|
---|
132 | var found = false;
|
---|
133 | for (var j=0; j < files.length; j++)
|
---|
134 | if (files[j])
|
---|
135 | found = true;
|
---|
136 |
|
---|
137 | // options.iframe allows user to force iframe mode
|
---|
138 | if (options.iframe || found) {
|
---|
139 | // hack to fix Safari hang (thanks to Tim Molendijk for this)
|
---|
140 | // see: http://groups.google.com/group/jquery-dev/browse_thread/thread/36395b7ab510dd5d
|
---|
141 | if (options.closeKeepAlive)
|
---|
142 | $.get(options.closeKeepAlive, fileUpload);
|
---|
143 | else
|
---|
144 | fileUpload();
|
---|
145 | }
|
---|
146 | else
|
---|
147 | $.ajax(options);
|
---|
148 |
|
---|
149 | // fire 'notify' event
|
---|
150 | this.trigger('form-submit-notify', [this, options]);
|
---|
151 | return this;
|
---|
152 |
|
---|
153 |
|
---|
154 | // private function for handling file uploads (hat tip to YAHOO!)
|
---|
155 | function fileUpload() {
|
---|
156 | var form = $form[0];
|
---|
157 |
|
---|
158 | if ($(':input[name=submit]', form).length) {
|
---|
159 | alert('Error: Form elements must not be named "submit".');
|
---|
160 | return;
|
---|
161 | }
|
---|
162 |
|
---|
163 | var opts = $.extend({}, $.ajaxSettings, options);
|
---|
164 | var s = jQuery.extend(true, {}, $.extend(true, {}, $.ajaxSettings), opts);
|
---|
165 |
|
---|
166 | var id = 'jqFormIO' + (new Date().getTime());
|
---|
167 | var $io = $('<iframe id="' + id + '" name="' + id + '" src="about:blank" />');
|
---|
168 | var io = $io[0];
|
---|
169 |
|
---|
170 | $io.css({ position: 'absolute', top: '-1000px', left: '-1000px' });
|
---|
171 |
|
---|
172 | var xhr = { // mock object
|
---|
173 | aborted: 0,
|
---|
174 | responseText: null,
|
---|
175 | responseXML: null,
|
---|
176 | status: 0,
|
---|
177 | statusText: 'n/a',
|
---|
178 | getAllResponseHeaders: function() {},
|
---|
179 | getResponseHeader: function() {},
|
---|
180 | setRequestHeader: function() {},
|
---|
181 | abort: function() {
|
---|
182 | this.aborted = 1;
|
---|
183 | $io.attr('src','about:blank'); // abort op in progress
|
---|
184 | }
|
---|
185 | };
|
---|
186 |
|
---|
187 | var g = opts.global;
|
---|
188 | // trigger ajax global events so that activity/block indicators work like normal
|
---|
189 | if (g && ! $.active++) $.event.trigger("ajaxStart");
|
---|
190 | if (g) $.event.trigger("ajaxSend", [xhr, opts]);
|
---|
191 |
|
---|
192 | if (s.beforeSend && s.beforeSend(xhr, s) === false) {
|
---|
193 | s.global && jQuery.active--;
|
---|
194 | return;
|
---|
195 | }
|
---|
196 | if (xhr.aborted)
|
---|
197 | return;
|
---|
198 |
|
---|
199 | var cbInvoked = 0;
|
---|
200 | var timedOut = 0;
|
---|
201 |
|
---|
202 | // add submitting element to data if we know it
|
---|
203 | var sub = form.clk;
|
---|
204 | if (sub) {
|
---|
205 | var n = sub.name;
|
---|
206 | if (n && !sub.disabled) {
|
---|
207 | options.extraData = options.extraData || {};
|
---|
208 | options.extraData[n] = sub.value;
|
---|
209 | if (sub.type == "image") {
|
---|
210 | options.extraData[name+'.x'] = form.clk_x;
|
---|
211 | options.extraData[name+'.y'] = form.clk_y;
|
---|
212 | }
|
---|
213 | }
|
---|
214 | }
|
---|
215 |
|
---|
216 | // take a breath so that pending repaints get some cpu time before the upload starts
|
---|
217 | setTimeout(function() {
|
---|
218 | // make sure form attrs are set
|
---|
219 | var t = $form.attr('target'), a = $form.attr('action');
|
---|
220 |
|
---|
221 | // update form attrs in IE friendly way
|
---|
222 | form.setAttribute('target',id);
|
---|
223 | if (form.getAttribute('method') != 'POST')
|
---|
224 | form.setAttribute('method', 'POST');
|
---|
225 | if (form.getAttribute('action') != opts.url)
|
---|
226 | form.setAttribute('action', opts.url);
|
---|
227 |
|
---|
228 | // ie borks in some cases when setting encoding
|
---|
229 | if (! options.skipEncodingOverride) {
|
---|
230 | $form.attr({
|
---|
231 | encoding: 'multipart/form-data',
|
---|
232 | enctype: 'multipart/form-data'
|
---|
233 | });
|
---|
234 | }
|
---|
235 |
|
---|
236 | // support timout
|
---|
237 | if (opts.timeout)
|
---|
238 | setTimeout(function() { timedOut = true; cb(); }, opts.timeout);
|
---|
239 |
|
---|
240 | // add "extra" data to form if provided in options
|
---|
241 | var extraInputs = [];
|
---|
242 | try {
|
---|
243 | if (options.extraData)
|
---|
244 | for (var n in options.extraData)
|
---|
245 | extraInputs.push(
|
---|
246 | $('<input type="hidden" name="'+n+'" value="'+options.extraData[n]+'" />')
|
---|
247 | .appendTo(form)[0]);
|
---|
248 |
|
---|
249 | // add iframe to doc and submit the form
|
---|
250 | $io.appendTo('body');
|
---|
251 | io.attachEvent ? io.attachEvent('onload', cb) : io.addEventListener('load', cb, false);
|
---|
252 | form.submit();
|
---|
253 | }
|
---|
254 | finally {
|
---|
255 | // reset attrs and remove "extra" input elements
|
---|
256 | form.setAttribute('action',a);
|
---|
257 | t ? form.setAttribute('target', t) : $form.removeAttr('target');
|
---|
258 | $(extraInputs).remove();
|
---|
259 | }
|
---|
260 | }, 10);
|
---|
261 |
|
---|
262 | var nullCheckFlag = 0;
|
---|
263 |
|
---|
264 | function cb() {
|
---|
265 | if (cbInvoked++) return;
|
---|
266 |
|
---|
267 | io.detachEvent ? io.detachEvent('onload', cb) : io.removeEventListener('load', cb, false);
|
---|
268 |
|
---|
269 | var ok = true;
|
---|
270 | try {
|
---|
271 | if (timedOut) throw 'timeout';
|
---|
272 | // extract the server response from the iframe
|
---|
273 | var data, doc;
|
---|
274 |
|
---|
275 | doc = io.contentWindow ? io.contentWindow.document : io.contentDocument ? io.contentDocument : io.document;
|
---|
276 |
|
---|
277 | if ((doc.body == null || doc.body.innerHTML == '') && !nullCheckFlag) {
|
---|
278 | // in some browsers (cough, Opera 9.2.x) the iframe DOM is not always traversable when
|
---|
279 | // the onload callback fires, so we give them a 2nd chance
|
---|
280 | nullCheckFlag = 1;
|
---|
281 | cbInvoked--;
|
---|
282 | setTimeout(cb, 100);
|
---|
283 | return;
|
---|
284 | }
|
---|
285 |
|
---|
286 | xhr.responseText = doc.body ? doc.body.innerHTML : null;
|
---|
287 | xhr.responseXML = doc.XMLDocument ? doc.XMLDocument : doc;
|
---|
288 | xhr.getResponseHeader = function(header){
|
---|
289 | var headers = {'content-type': opts.dataType};
|
---|
290 | return headers[header];
|
---|
291 | };
|
---|
292 |
|
---|
293 | if (opts.dataType == 'json' || opts.dataType == 'script') {
|
---|
294 | var ta = doc.getElementsByTagName('textarea')[0];
|
---|
295 | xhr.responseText = ta ? ta.value : xhr.responseText;
|
---|
296 | }
|
---|
297 | else if (opts.dataType == 'xml' && !xhr.responseXML && xhr.responseText != null) {
|
---|
298 | xhr.responseXML = toXml(xhr.responseText);
|
---|
299 | }
|
---|
300 | data = $.httpData(xhr, opts.dataType);
|
---|
301 | }
|
---|
302 | catch(e){
|
---|
303 | ok = false;
|
---|
304 | $.handleError(opts, xhr, 'error', e);
|
---|
305 | }
|
---|
306 |
|
---|
307 | // ordering of these callbacks/triggers is odd, but that's how $.ajax does it
|
---|
308 | if (ok) {
|
---|
309 | opts.success(data, 'success');
|
---|
310 | if (g) $.event.trigger("ajaxSuccess", [xhr, opts]);
|
---|
311 | }
|
---|
312 | if (g) $.event.trigger("ajaxComplete", [xhr, opts]);
|
---|
313 | if (g && ! --$.active) $.event.trigger("ajaxStop");
|
---|
314 | if (opts.complete) opts.complete(xhr, ok ? 'success' : 'error');
|
---|
315 |
|
---|
316 | // clean up
|
---|
317 | setTimeout(function() {
|
---|
318 | $io.remove();
|
---|
319 | xhr.responseXML = null;
|
---|
320 | }, 100);
|
---|
321 | };
|
---|
322 |
|
---|
323 | function toXml(s, doc) {
|
---|
324 | if (window.ActiveXObject) {
|
---|
325 | doc = new ActiveXObject('Microsoft.XMLDOM');
|
---|
326 | doc.async = 'false';
|
---|
327 | doc.loadXML(s);
|
---|
328 | }
|
---|
329 | else
|
---|
330 | doc = (new DOMParser()).parseFromString(s, 'text/xml');
|
---|
331 | return (doc && doc.documentElement && doc.documentElement.tagName != 'parsererror') ? doc : null;
|
---|
332 | };
|
---|
333 | };
|
---|
334 | };
|
---|
335 |
|
---|
336 | /**
|
---|
337 | * ajaxForm() provides a mechanism for fully automating form submission.
|
---|
338 | *
|
---|
339 | * The advantages of using this method instead of ajaxSubmit() are:
|
---|
340 | *
|
---|
341 | * 1: This method will include coordinates for <input type="image" /> elements (if the element
|
---|
342 | * is used to submit the form).
|
---|
343 | * 2. This method will include the submit element's name/value data (for the element that was
|
---|
344 | * used to submit the form).
|
---|
345 | * 3. This method binds the submit() method to the form for you.
|
---|
346 | *
|
---|
347 | * The options argument for ajaxForm works exactly as it does for ajaxSubmit. ajaxForm merely
|
---|
348 | * passes the options argument along after properly binding events for submit elements and
|
---|
349 | * the form itself.
|
---|
350 | */
|
---|
351 | $.fn.ajaxForm = function(options) {
|
---|
352 | return this.ajaxFormUnbind().bind('submit.form-plugin',function() {
|
---|
353 | $(this).ajaxSubmit(options);
|
---|
354 | return false;
|
---|
355 | }).each(function() {
|
---|
356 | // store options in hash
|
---|
357 | $(":submit,input:image", this).bind('click.form-plugin',function(e) {
|
---|
358 | var form = this.form;
|
---|
359 | form.clk = this;
|
---|
360 | if (this.type == 'image') {
|
---|
361 | if (e.offsetX != undefined) {
|
---|
362 | form.clk_x = e.offsetX;
|
---|
363 | form.clk_y = e.offsetY;
|
---|
364 | } else if (typeof $.fn.offset == 'function') { // try to use dimensions plugin
|
---|
365 | var offset = $(this).offset();
|
---|
366 | form.clk_x = e.pageX - offset.left;
|
---|
367 | form.clk_y = e.pageY - offset.top;
|
---|
368 | } else {
|
---|
369 | form.clk_x = e.pageX - this.offsetLeft;
|
---|
370 | form.clk_y = e.pageY - this.offsetTop;
|
---|
371 | }
|
---|
372 | }
|
---|
373 | // clear form vars
|
---|
374 | setTimeout(function() { form.clk = form.clk_x = form.clk_y = null; }, 10);
|
---|
375 | });
|
---|
376 | });
|
---|
377 | };
|
---|
378 |
|
---|
379 | // ajaxFormUnbind unbinds the event handlers that were bound by ajaxForm
|
---|
380 | $.fn.ajaxFormUnbind = function() {
|
---|
381 | this.unbind('submit.form-plugin');
|
---|
382 | return this.each(function() {
|
---|
383 | $(":submit,input:image", this).unbind('click.form-plugin');
|
---|
384 | });
|
---|
385 |
|
---|
386 | };
|
---|
387 |
|
---|
388 | /**
|
---|
389 | * formToArray() gathers form element data into an array of objects that can
|
---|
390 | * be passed to any of the following ajax functions: $.get, $.post, or load.
|
---|
391 | * Each object in the array has both a 'name' and 'value' property. An example of
|
---|
392 | * an array for a simple login form might be:
|
---|
393 | *
|
---|
394 | * [ { name: 'username', value: 'jresig' }, { name: 'password', value: 'secret' } ]
|
---|
395 | *
|
---|
396 | * It is this array that is passed to pre-submit callback functions provided to the
|
---|
397 | * ajaxSubmit() and ajaxForm() methods.
|
---|
398 | */
|
---|
399 | $.fn.formToArray = function(semantic) {
|
---|
400 | var a = [];
|
---|
401 | if (this.length == 0) return a;
|
---|
402 |
|
---|
403 | var form = this[0];
|
---|
404 | var els = semantic ? form.getElementsByTagName('*') : form.elements;
|
---|
405 | if (!els) return a;
|
---|
406 | for(var i=0, max=els.length; i < max; i++) {
|
---|
407 | var el = els[i];
|
---|
408 | var n = el.name;
|
---|
409 | if (!n) continue;
|
---|
410 |
|
---|
411 | if (semantic && form.clk && el.type == "image") {
|
---|
412 | // handle image inputs on the fly when semantic == true
|
---|
413 | if(!el.disabled && form.clk == el)
|
---|
414 | a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y', value: form.clk_y});
|
---|
415 | continue;
|
---|
416 | }
|
---|
417 |
|
---|
418 | var v = $.fieldValue(el, true);
|
---|
419 | if (v && v.constructor == Array) {
|
---|
420 | for(var j=0, jmax=v.length; j < jmax; j++)
|
---|
421 | a.push({name: n, value: v[j]});
|
---|
422 | }
|
---|
423 | else if (v !== null && typeof v != 'undefined')
|
---|
424 | a.push({name: n, value: v});
|
---|
425 | }
|
---|
426 |
|
---|
427 | if (!semantic && form.clk) {
|
---|
428 | // input type=='image' are not found in elements array! handle them here
|
---|
429 | var inputs = form.getElementsByTagName("input");
|
---|
430 | for(var i=0, max=inputs.length; i < max; i++) {
|
---|
431 | var input = inputs[i];
|
---|
432 | var n = input.name;
|
---|
433 | if(n && !input.disabled && input.type == "image" && form.clk == input)
|
---|
434 | a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y', value: form.clk_y});
|
---|
435 | }
|
---|
436 | }
|
---|
437 | return a;
|
---|
438 | };
|
---|
439 |
|
---|
440 | /**
|
---|
441 | * Serializes form data into a 'submittable' string. This method will return a string
|
---|
442 | * in the format: name1=value1&name2=value2
|
---|
443 | */
|
---|
444 | $.fn.formSerialize = function(semantic) {
|
---|
445 | //hand off to jQuery.param for proper encoding
|
---|
446 | return $.param(this.formToArray(semantic));
|
---|
447 | };
|
---|
448 |
|
---|
449 | /**
|
---|
450 | * Serializes all field elements in the jQuery object into a query string.
|
---|
451 | * This method will return a string in the format: name1=value1&name2=value2
|
---|
452 | */
|
---|
453 | $.fn.fieldSerialize = function(successful) {
|
---|
454 | var a = [];
|
---|
455 | this.each(function() {
|
---|
456 | var n = this.name;
|
---|
457 | if (!n) return;
|
---|
458 | var v = $.fieldValue(this, successful);
|
---|
459 | if (v && v.constructor == Array) {
|
---|
460 | for (var i=0,max=v.length; i < max; i++)
|
---|
461 | a.push({name: n, value: v[i]});
|
---|
462 | }
|
---|
463 | else if (v !== null && typeof v != 'undefined')
|
---|
464 | a.push({name: this.name, value: v});
|
---|
465 | });
|
---|
466 | //hand off to jQuery.param for proper encoding
|
---|
467 | return $.param(a);
|
---|
468 | };
|
---|
469 |
|
---|
470 | /**
|
---|
471 | * Returns the value(s) of the element in the matched set. For example, consider the following form:
|
---|
472 | *
|
---|
473 | * <form><fieldset>
|
---|
474 | * <input name="A" type="text" />
|
---|
475 | * <input name="A" type="text" />
|
---|
476 | * <input name="B" type="checkbox" value="B1" />
|
---|
477 | * <input name="B" type="checkbox" value="B2"/>
|
---|
478 | * <input name="C" type="radio" value="C1" />
|
---|
479 | * <input name="C" type="radio" value="C2" />
|
---|
480 | * </fieldset></form>
|
---|
481 | *
|
---|
482 | * var v = $(':text').fieldValue();
|
---|
483 | * // if no values are entered into the text inputs
|
---|
484 | * v == ['','']
|
---|
485 | * // if values entered into the text inputs are 'foo' and 'bar'
|
---|
486 | * v == ['foo','bar']
|
---|
487 | *
|
---|
488 | * var v = $(':checkbox').fieldValue();
|
---|
489 | * // if neither checkbox is checked
|
---|
490 | * v === undefined
|
---|
491 | * // if both checkboxes are checked
|
---|
492 | * v == ['B1', 'B2']
|
---|
493 | *
|
---|
494 | * var v = $(':radio').fieldValue();
|
---|
495 | * // if neither radio is checked
|
---|
496 | * v === undefined
|
---|
497 | * // if first radio is checked
|
---|
498 | * v == ['C1']
|
---|
499 | *
|
---|
500 | * The successful argument controls whether or not the field element must be 'successful'
|
---|
501 | * (per http://www.w3.org/TR/html4/interact/forms.html#successful-controls).
|
---|
502 | * The default value of the successful argument is true. If this value is false the value(s)
|
---|
503 | * for each element is returned.
|
---|
504 | *
|
---|
505 | * Note: This method *always* returns an array. If no valid value can be determined the
|
---|
506 | * array will be empty, otherwise it will contain one or more values.
|
---|
507 | */
|
---|
508 | $.fn.fieldValue = function(successful) {
|
---|
509 | for (var val=[], i=0, max=this.length; i < max; i++) {
|
---|
510 | var el = this[i];
|
---|
511 | var v = $.fieldValue(el, successful);
|
---|
512 | if (v === null || typeof v == 'undefined' || (v.constructor == Array && !v.length))
|
---|
513 | continue;
|
---|
514 | v.constructor == Array ? $.merge(val, v) : val.push(v);
|
---|
515 | }
|
---|
516 | return val;
|
---|
517 | };
|
---|
518 |
|
---|
519 | /**
|
---|
520 | * Returns the value of the field element.
|
---|
521 | */
|
---|
522 | $.fieldValue = function(el, successful) {
|
---|
523 | var n = el.name, t = el.type, tag = el.tagName.toLowerCase();
|
---|
524 | if (typeof successful == 'undefined') successful = true;
|
---|
525 |
|
---|
526 | if (successful && (!n || el.disabled || t == 'reset' || t == 'button' ||
|
---|
527 | (t == 'checkbox' || t == 'radio') && !el.checked ||
|
---|
528 | (t == 'submit' || t == 'image') && el.form && el.form.clk != el ||
|
---|
529 | tag == 'select' && el.selectedIndex == -1))
|
---|
530 | return null;
|
---|
531 |
|
---|
532 | if (tag == 'select') {
|
---|
533 | var index = el.selectedIndex;
|
---|
534 | if (index < 0) return null;
|
---|
535 | var a = [], ops = el.options;
|
---|
536 | var one = (t == 'select-one');
|
---|
537 | var max = (one ? index+1 : ops.length);
|
---|
538 | for(var i=(one ? index : 0); i < max; i++) {
|
---|
539 | var op = ops[i];
|
---|
540 | if (op.selected) {
|
---|
541 | var v = op.value;
|
---|
542 | if (!v) // extra pain for IE...
|
---|
543 | v = (op.attributes && op.attributes['value'] && !(op.attributes['value'].specified)) ? op.text : op.value;
|
---|
544 | if (one) return v;
|
---|
545 | a.push(v);
|
---|
546 | }
|
---|
547 | }
|
---|
548 | return a;
|
---|
549 | }
|
---|
550 | return el.value;
|
---|
551 | };
|
---|
552 |
|
---|
553 | /**
|
---|
554 | * Clears the form data. Takes the following actions on the form's input fields:
|
---|
555 | * - input text fields will have their 'value' property set to the empty string
|
---|
556 | * - select elements will have their 'selectedIndex' property set to -1
|
---|
557 | * - checkbox and radio inputs will have their 'checked' property set to false
|
---|
558 | * - inputs of type submit, button, reset, and hidden will *not* be effected
|
---|
559 | * - button elements will *not* be effected
|
---|
560 | */
|
---|
561 | $.fn.clearForm = function() {
|
---|
562 | return this.each(function() {
|
---|
563 | $('input,select,textarea', this).clearFields();
|
---|
564 | });
|
---|
565 | };
|
---|
566 |
|
---|
567 | /**
|
---|
568 | * Clears the selected form elements.
|
---|
569 | */
|
---|
570 | $.fn.clearFields = $.fn.clearInputs = function() {
|
---|
571 | return this.each(function() {
|
---|
572 | var t = this.type, tag = this.tagName.toLowerCase();
|
---|
573 | if (t == 'text' || t == 'password' || tag == 'textarea')
|
---|
574 | this.value = '';
|
---|
575 | else if (t == 'checkbox' || t == 'radio')
|
---|
576 | this.checked = false;
|
---|
577 | else if (tag == 'select')
|
---|
578 | this.selectedIndex = -1;
|
---|
579 | });
|
---|
580 | };
|
---|
581 |
|
---|
582 | /**
|
---|
583 | * Resets the form data. Causes all form elements to be reset to their original value.
|
---|
584 | */
|
---|
585 | $.fn.resetForm = function() {
|
---|
586 | return this.each(function() {
|
---|
587 | // guard against an input with the name of 'reset'
|
---|
588 | // note that IE reports the reset function as an 'object'
|
---|
589 | if (typeof this.reset == 'function' || (typeof this.reset == 'object' && !this.reset.nodeType))
|
---|
590 | this.reset();
|
---|
591 | });
|
---|
592 | };
|
---|
593 |
|
---|
594 | /**
|
---|
595 | * Enables or disables any matching elements.
|
---|
596 | */
|
---|
597 | $.fn.enable = function(b) {
|
---|
598 | if (b == undefined) b = true;
|
---|
599 | return this.each(function() {
|
---|
600 | this.disabled = !b
|
---|
601 | });
|
---|
602 | };
|
---|
603 |
|
---|
604 | /**
|
---|
605 | * Checks/unchecks any matching checkboxes or radio buttons and
|
---|
606 | * selects/deselects and matching option elements.
|
---|
607 | */
|
---|
608 | $.fn.selected = function(select) {
|
---|
609 | if (select == undefined) select = true;
|
---|
610 | return this.each(function() {
|
---|
611 | var t = this.type;
|
---|
612 | if (t == 'checkbox' || t == 'radio')
|
---|
613 | this.checked = select;
|
---|
614 | else if (this.tagName.toLowerCase() == 'option') {
|
---|
615 | var $sel = $(this).parent('select');
|
---|
616 | if (select && $sel[0] && $sel[0].type == 'select-one') {
|
---|
617 | // deselect all other options
|
---|
618 | $sel.find('option').selected(false);
|
---|
619 | }
|
---|
620 | this.selected = select;
|
---|
621 | }
|
---|
622 | });
|
---|
623 | };
|
---|
624 |
|
---|
625 | // helper fn for console logging
|
---|
626 | // set $.fn.ajaxSubmit.debug to true to enable debug logging
|
---|
627 | function log() {
|
---|
628 | if ($.fn.ajaxSubmit.debug && window.console && window.console.log)
|
---|
629 | window.console.log('[jquery.form] ' + Array.prototype.join.call(arguments,''));
|
---|
630 | };
|
---|
631 |
|
---|
632 | })(jQuery);
|
---|