JavaScript In-Question Validation - Revision history

Philip Lacey at 19:26, 9 November 2014

2014-11-09T19:26:52Z

Philip Lacey at 13:56, 29 May 2014

2014-05-29T13:56:50Z

Philip Lacey at 13:53, 29 May 2014

2014-05-29T13:53:30Z

Philip Lacey at 13:33, 29 May 2014

2014-05-29T13:33:41Z

Philip Lacey: Created page with "JavaScript validation can be applied to any field in a form not just on the outcomes. This is in field validation allows an agent to correct in real time the data whilst stil..."

2014-05-29T13:21:37Z

Created page with "JavaScript validation can be applied to any field in a form not just on the outcomes. This is in field validation allows an agent to correct in real time the data whilst stil..."

New page

JavaScript validation can be applied to any field in a form not just on the outcomes. This is in field validation allows an agent to correct in real time the data whilst still having the customer on the phone. In field validation is quite straight forward to set up but some considerations are needed.

The validation is added to the onFocus, onChange and onBlur events of the question. More information on this can be found at [[JavaScript_Field_Events]]

Lets start with a few simple examples. We have a text box which stores a mobile number. We do not want to let the agent move on until a phone number is in there. Why a phone number, well if you are in a call you really should have a number to call the customer back on, so phone number should be vital.

The event is: when the agent moves into and then out of the phone number text box, we want to alert the user to put something and move them back into the phone number box.

<source lang="javascript" line >

var setArray = function(elems) {
this.length = 0;
push.apply(this, elems);
return this;
}
</source>

← Older revision		Revision as of 19:26, 9 November 2014
Line 114:		Line 114:

	Only add in-question validation on questions that MUST be filled in on every outcome, otherwise use outcome validation.		Only add in-question validation on questions that MUST be filled in on every outcome, otherwise use outcome validation.
		+
		+
		+
		+	[[Category:Module Specific:Form Management]]
		+	[[Category:Topic:JavaScript]]

← Older revision		Revision as of 13:56, 29 May 2014
Line 102:		Line 102:

	Line 4. We update the error message to let the user know they have to put in numbers rather than any ol character.		Line 4. We update the error message to let the user know they have to put in numbers rather than any ol character.
		+
		+
		+
		+	== Wrap up ==
		+
		+	This is a short introduction to adding in-question validation. If you have further queries please give us a shot at support@allnone.ie
		+
		+
		+	It is vital to remember user experience and always try and test for every scenario that your user will experience.
		+
		+
		+	Only add in-question validation on questions that MUST be filled in on every outcome, otherwise use outcome validation.

@@ Line 1: / Line 1: @@
 JavaScript validation can be applied to any field in a form not just on the outcomes.  This is in field validation allows an agent to correct in real time the data whilst still having the customer on the phone.  In field validation is quite straight forward to set up but some considerations are needed.
@@ Line 5: / Line 7: @@
-Lets start with a few simple examples.  We have a text box which stores a mobile number.  We do not want to let the agent move on until a phone number is in there.  Why a phone number, well if you are in a call you really should have a number to call the customer back on, so  phone number should be vital.
+Lets start with a few simple examples.
 The event is:  when the agent moves into and then out of the phone number text box, we want to alert the user to put something and move them back into the phone number box.
 Process
 # Take a text box on any form.  Make sure you have edit permission to this form, i.e. there is a little pencil icon to the right of every question. [[File:Icon_Pencil.png]]
-# Go to the very top of the editing page to find the field name.  Usually in the format strCDA_X_field_Y_Z.  For our example we will use the one displayed, i.e. strCDA_1170_field_0_3
+# Go to the very top of the editing page to find the field name.  Usually in the format strCDA_X_field_Y_Z.  For our example we will use the one displayed, i.e. strCDA_1170_field_0_3 [[File:JavaScript_onChangeDemo_QuestionEditTop.png]]
-[[File:JavaScript_onChangeDemo_QuestionEditTop.png]]
+# Go down to the onBlur box and enter the following
 <source lang="javascript" line >
 var strCDA_1170_field_0_3 = document.getElementById('strCDA_1170_field_0_3');
-if (strCDA_1170_field_0_3.value == ''){
+if ( strCDA_1170_field_0_3.value == '' ) {
 	strCDA_1170_field_0_3.focus();
 	alert('Sorry but you must provide a phone number.');
+}
 </source>