Simply want to apply show/hide or disable button if any error exists within UX component

[clankford]

Hello all,

I'm simply wanting to not allow a user to press a button I have in a UX component if any data validation errors exist on the UX component.

I know that using the built in SUBMIT button has this functionality, however for many reasons I need to keep my UX unbound and are therefore not using the SUBMIT button on my UX.

I have several fields that have data validation that are working beautifully, and gives the proper error messages, however once all the fields are populated my button appears due to my show/hide criteria, basically not null, however it allows the button to be clicked and therefore proceeds to allow the javascript to fire from the button. I simply want the button to be disabled, or continue to be hidden until all data validation errors are resolved.

I'm sure I', probably missing something obvious.

Please advise.

Thank you, Casey

[Davidk]

Re: Simply want to apply show/hide or disable button if any error exists within UX component

You'd have to advise how your data validation is set up. XBasic, Javascript, your own function?

[clankford]

Re: Simply want to apply show/hide or disable button if any error exists within UX component

Hello David,

Sorry, just basic field validation. One of the fields is set to "must contain value" and it turns read when the user blurs out of the field which is correct, however I would like to configure the button to not be enabled if this field is red...

-Casey

[Davidk]

Re: Simply want to apply show/hide or disable button if any error exists within UX component

The problem with field validation is that the user isn't usually forced into a field. If they skip over a field... if that control never got focus, then validation isn't fired. If you hide or disable the Submit button they won't know what's going on.

What about letting them click the Submit button... but stopping the submit code if there's an issue? To solve the problem of a control that did not get focus, we can fire control validations in the submit code.

For each control you want validated, perform a .clientSideValidateField('controlName',1,1); (it's always 1,1 for non-repeating section controls).

Now... validationResult will be set if there's a problem, but we don't want to have to check every one of them. So... instead... just check the UX's error handler. If the error handler has array length greater than 0 we know there's a validation error... and so just return.

debugger;

var validationResult={dialog.object}.clientSideValidateField('text1',1,1);

if({dialog.Object}._eh._e.length > 0){
	//we have an error so return
	return;
}

//all ok... save stuff

[clankford]

Re: Simply want to apply show/hide or disable button if any error exists within UX component

David K to the rescue again! The code referenced above worked like a charm. Thank you so much, again, for the great explanation, both easy to understand and easy to implement my code given your comments...

Much appreciated!

-Casey

[clankford]

Re: Simply want to apply show/hide or disable button if any error exists within UX component

David, just a quick clarification, can you possibly show how should the syntax read for multiple fields? This code is working perfectly for one field, however I applied the following code to my submit button and it only holds up processing for the first line of validation -

debugger;

var validationResult={dialog.object}.clientSideValidateField('hdInvNum',1,1);
var validationResult={dialog.object}.clientSideValidateField('hdInvDate',1,1);
var validationResult={dialog.object}.clientSideValidateField('hdVenName',1,1);




if({dialog.Object}._eh._e.length > 0){
//we have an error so return
return;
}

{dialog.object}.runAction('ProcessExpenseInvoice');

[Davidk]

Re: Simply want to apply show/hide or disable button if any error exists within UX component

In the attached UX (current Alpha build, format:formatted JSON), both my textbox controls are set to Require Value and both are caught by validation... same as you've written.