Form Validation Error Tracking

[JGannon]

We have a form that validates the form fields before submission. If there is an error, a window is displayed to alert the user there are errors. We also display the form field error in an error state. I am wondering if it is possible to know the following: "Number of times the button was clicked, and the number of times the error notification is displayed. Taking it a step further, which fields in the form had the most errors."

This would allow us to know if there are any issues with form fields. If a certain field is always left blank or has invalid input it would be good to know.

It sounds like this would require a complex query but I don't know where to start. Any info or examples would be greatly appreciated.

[ChadTurner · Accepted solution]

So I would recommend a conversion goal. Lets say with Easy Travel, you want to know how many people actually click "Book Now" You can set that XHR action as a conversion goal. Keep in mind this is forward facing, so once its set up, you can see how many people clicked that button out of all the users on that page. Conversion goal will give you stats on the amount of actions "Clicks" and the number of users that made the click as well.

Conversion Goals: https://www.dynatrace.com/support/help/how-to-use-dynatrace/real-user-monitoring/how-to-use-real-use...

You can also set custom error/string detection. Take a look at this screen capture where we have defined out some unique errors that we are tracking, we can also see how this compares over a previous time frame.

We can see how many times users did not supply matching email addresses, forgot to put an email in, forgot to put a card expiration date in or an invalid card number and so on. These are all captured from the users session via a string detection.

[balaganapathi_1]

Hi,

Could you please help me to configure those field validation errors in Dynatrace?

Thanks

Bala

[fstekelenburg]

Hi Chad, running into a similar case, could you give an example of how you exactly did set custom error/string detection?

[Julius_Loman]

Not sure what was Chad's approach, we are doing it by capturing user action property by capturing the content using a CSS selector. Not an ideal situation though, but it works. The best approach is to send errors from your application directly using the dtrum.reportCustomError but this needs to be integrated into your web application code.

[fstekelenburg]

can you share an example of how you set it up?

[Julius_Loman]

This is an example of capturing it using user action property and CSS selector. DT will capture the values if the selector is found. It's just a user action property. It won't be shown in the error list in the Web Application itself.

[gilgi]

Just in case the validations are not done on the client side, you could also get the user action property from a server side request attribute.