Registration Username, Password And Enabling A Submit Button

[swest]

On my registration page, I have a field for a Username, a field for Password, and a field for Confirm Password. I have a submit button at the bottom. I want the submit button to be disabled until the Username, Password, and Confirm Password has something typed in it from the user. What is the best way to do this? Is it by putting code into the enable expression on submit button? I tried this below in the enable expression on the submit button but it didnt work:

USERNAME1.dialog.isDirty = true
PASSWORD1.dialog.isDirty = true
PASSWORD2.dialog.isDirty = true

[CharlesParker]

Re: Registration Username, Password And Enabling A Submit Button

You should take a hard look at the alpha generated component for registration/signup as all of that is out of the box ready plus you can check out the other aspects that make it more user-friendly. It's not enough that the field is dirty...

[swest]

Re: Registration Username, Password And Enabling A Submit Button

It seems to be throwing an error on this below and wont complete the registration even if information is correct. Not sure how to modify it:


function afterDialogValidate as v (e as p)


'To edit this action, place insertion point anywhere in the command, then click the 'Action Scripting' button'.
ExecuteServerSideAction("Save Web Security Values::SaveSecurity")



dim e.javascript as c
if rtc.flagWebSecurityhasGlobalError = .T. then
e.javascript = e.javascript + "alert('"+rtc.WebSecurityGlobalErrorText+"');"
else
'no errors - new account was created

'If this component is being run from the AppLauncher component, then after the user has added a new account
'we want to hide this component and show the login screen. The following javascript will do this.
'If this component is not being run from the AppLauncher, then the Javascript does nothing because the
'MAINAPP_REGISTERNEWACCOUNT div will not exist.

dim js_afterNewAccount as c
js_afterNewAccount = <<%txt%
//get a pointer to the DIV where the Register New Account component is shown. If this div exists
var ele = $('MAINAPP_REGISTERNEWACCOUNT');
if(ele) {
ele.style.display = 'none';
var ele2 = $('MAINAPPSPLASH');
ele2.style.display = '';
}
%txt%

e.javascript = e.javascript + ";" + crlf() + js_afterNewAccount


end if




'e.dataSubmitted - contains all values that were submitted by the Dialog
'e.oldDataSubmitted - contains the original values in the controls

'--------------------Repeating Sections ----------------------------------------
'If your dialog contains repeating sections, data in the repeating sections will be in an array.
'For example, say that your dialog has a repeating section that includes a field called QTY:
'e.dataSubmitted.qty[1] - contains data from first repeating section row
'e.dataSubmitted.qty[2] - contains data from second repeating section row, etc
'e.dataSubmitted.favoriteColors[2][3] - contains data from the second row - 'favoriteColors' is a multi-select control - returns the 3rd choice the user made
'e.dataSubmitted.qty.size() - number of entries in the array.

'In addition, the e object will contain information about the repeating sections
'e.repeatingSectionNames - a comma delimited list of the name (container ID) or each repeating section
'e.repeatingSectionInfo - a property array with one entry for each repeating section.
'The e.repeatingSectionInfo[] array will have these properties for each entry:
' - .activeRow - the row in the repeating section that had focus when the Dialog was submitted
' - .deletedRows - a CRLF delimited list of rows that were deleted. e.g. 1 and 3
' - .rowCount - a count of the number of non-deleted rows
' - .totalRowCount - a count of all rows in the repeating section including rows that were deleted
' - .fieldsInRepeating section - a CRLF delimited list of fields in the repeating section
' - .dirtyRowsInSection - a CRLF delimited list of rows in the repeating section that were edited. (A row that was edited, then deleted will still appear in this list).
' - .dirtyFieldsInSection - a CRLF delimited list of fields in the repeating section that were edited. for example: PARTNO_A5INSTANCE3 is the 'PARTNO' field in row 3.

'-------------------------------------------------------------------------------------------


'Also inside e:
'e.tmpl = Component definition
'e.rv = Request variables
'session = Session variables
'e.rtc = Runtime calculations - you can use this to store data to be passed to other server side events
'e.arguments = SQL::Arguments object with values for each of the arguments defined in this component. To read a value from arguments: e.arguments.find("argumentName").data


'You can can set these properties:
'e.url - if you want to redirect to another page, set this property
'e.javascript - if you want to send some javascript back to the browser, set this property.

'You can set 'state' variables in this event. The value of any state variables will be available in all subsequent ajax callbacks.
'To set a state variable:
'e._set.myvar1 = "value1"
'e._set.myvar2 = "value2"

'To read the value of a 'state' variable that was previously set:
'e._state.myvar1


end function

[CharlesParker]

Re: Registration Username, Password And Enabling A Submit Button

What is the error?

[CharlesParker]

Re: Registration Username, Password And Enabling A Submit Button

I'm curious, are you using the app launcher?
My registration component is an embedded object in a panel card so for the after new account, I have this:

dim js_afterNewAccount as c 
	js_afterNewAccount = <<%txt%
	
		var po = {dialog.Object}.getParentObject();
		po.panelSetActive('LOGIN',true);
	}
	%txt%
	
	e.javascript = e.javascript + ";" + crlf() + js_afterNewAccount

So I can get back to the login panel card in the parent object after the registration is complete.

[swest]

Re: Registration Username, Password And Enabling A Submit Button

No my registration is just panel card. I just copied the guts from the registration template.