Site:Frontend:Forms - Revision history

66.214.240.97: /* Retry */

2012-07-24T17:18:50Z

‎Retry

MetrixJustin: /* Custom Fields */

2012-07-02T16:49:40Z

‎Custom Fields

MetrixJustin at 16:48, 2 July 2012

2012-07-02T16:48:54Z

MetrixJustin: /* Basic Script */

2012-06-18T17:32:27Z

‎Basic Script

MetrixJustin: /* Basic Script */

2012-06-18T17:31:34Z

‎Basic Script

MetrixJustin: /* Basic Script */

2012-06-18T17:31:06Z

‎Basic Script

MetrixJustin: /* Ajax Forms */

2012-06-15T23:18:19Z

‎Ajax Forms

MetrixJustin: /* Ajax Forms */

2012-06-15T23:16:00Z

‎Ajax Forms

MetrixJustin: /* AJAX Forms */

2012-06-15T23:15:40Z

‎AJAX Forms

MetrixJustin at 23:04, 15 June 2012

2012-06-15T23:04:54Z

@@ Line 21: / Line 21: @@
 This optional parameter is the page you will be redirected to after a unsuccessful form submit. This page will also contain the MS.error HDF value with the error/reason why the form wasn't successful.
-   <input type="hidden" name="continue" value="http://example.com/?page=some-failed-page" />
+   <input type="hidden" name="retry" value="http://example.com/?page=some-failed-page" />
 = Ajax Forms =

@@ Line 60: / Line 60: @@
 = Custom Fields =
-Custom fields can be updated just like other form fields but require different naming.
+Custom fields can be updated just like other form fields but require different naming. The custom field is prefixed with cst_ followed by the custom field name.
 Ex. If a custom field on a user object is "specialNote", the input name would be "cst_specialNote".
    <input type="text" name="cst_specialNote" value="<?cs var:MS.site.user.custom.specialNote.value ?>" />

← Older revision		Revision as of 16:48, 2 July 2012
Line 57:		Line 57:

	This script should be placed in the appropriate controller and instantiated only when necessary.		This script should be placed in the appropriate controller and instantiated only when necessary.
		+
		+	= Custom Fields =
		+
		+	Custom fields can be updated just like other form fields but require different naming.
		+
		+	Ex. If a custom field on a user object is "specialNote", the input name would be "cst_specialNote".
		+
		+	<input type="text" name="cst_specialNote" value="<?cs var:MS.site.user.custom.specialNote.value ?>" />

@@ Line 31: / Line 31: @@
 The following snippet will listen for a form with the ID of "someFormId" to be submitted.
-      $('#someFormId').submit(function(e) {
+  $('#someFormId').submit(function(e) {
-        e.preventDefault();
+    e.preventDefault();
-        var form = $(this):
+    var form = $(this):
-        if(form.data('disabled') == 'true') return;
+    if(form.data('disabled') == 'true') return;
-        form.data('disabled', 'true');
+    form.data('disabled', 'true');
-        $.ajax({
+    $.ajax({
-          type: form.attr('method'),
+      type: form.attr('method'),
-          url:  form.attr('action'),
+      url:  form.attr('action'),
-          data: form.serialize(),
+      data: form.serialize(),
-          success: function(data) {
+      success: function(data) {
-            if('ok' == $('status', data).text()) {
+        if('ok' == $('status', data).text()) {
-              // Form has returned successfully
+          // Form has returned successfully
-            } else {
+        } else {
-              // Form has returned with an error
+          // Form has returned with an error
-−
+        }
-            form.removeData('disabled');
+        form.removeData('disabled');
-          },
+      },
-          error: function() {
+      error: function() {
-            // Could not get data back from the post
+        // Could not get data back from the post
-−
+      }
-        });
+    });
-      });
+  });
 This script should be placed in the appropriate controller and instantiated only when necessary.

@@ Line 31: / Line 31: @@
 The following snippet will listen for a form with the ID of "someFormId" to be submitted.
        $('#someFormId').submit(function(e) {
          e.preventDefault();
@@ Line 57: / Line 55: @@
          });
        });
 This script should be placed in the appropriate controller and instantiated only when necessary.

← Older revision		Revision as of 17:31, 18 June 2012
Line 59:		Line 59:
	});		});
	</script>		</script>
		+
		+	This script should be placed in the appropriate controller and instantiated only when necessary.

← Older revision		Revision as of 23:18, 15 June 2012
Line 26:		Line 26:

	The jQuery javascript library offers a simple function to handle your forms using Ajax. This allows you to send form data and get the response from the server without having to reload the page.		The jQuery javascript library offers a simple function to handle your forms using Ajax. This allows you to send form data and get the response from the server without having to reload the page.
		+
		+	== Basic Script ==
		+
		+	The following snippet will listen for a form with the ID of "someFormId" to be submitted.

	<script type="text/javascript">		<script type="text/javascript">

← Older revision		Revision as of 23:15, 15 June 2012
Line 23:		Line 23:
	<input type="hidden" name="continue" value="http://example.com/?page=some-failed-page" />		<input type="hidden" name="continue" value="http://example.com/?page=some-failed-page" />

−	= ~~AJAX~~ Forms =	+	= Ajax Forms =
		+
		+	The jQuery javascript library offers a simple function to handle your forms using Ajax. This allows you to send form data and get the response from the server without having to reload the page.
		+
		+	<script type="text/javascript">
		+	$(document).ready(function() {
		+	$('#someFormId').submit(function(e) {
		+	e.preventDefault();
		+	var form = $(this):
		+
		+	if(form.data('disabled') == 'true') return;
		+	form.data('disabled', 'true');
		+
		+	$.ajax({
		+	type: form.attr('method'),
		+	url: form.attr('action'),
		+	data: form.serialize(),
		+	success: function(data) {
		+	if('ok' == $('status', data).text()) {
		+	// Form has returned successfully
		+	} else {
		+	// Form has returned with an error
		+	}
		+	form.removeData('disabled');
		+	},
		+	error: function() {
		+	// Could not get data back from the post
		+	}
		+	});
		+	});
		+	});
		+	</script>

← Older revision		Revision as of 23:04, 15 June 2012
Line 22:		Line 22:

	<input type="hidden" name="continue" value="http://example.com/?page=some-failed-page" />		<input type="hidden" name="continue" value="http://example.com/?page=some-failed-page" />
		+
		+	= AJAX Forms =