New feature

Hello ikkai,

Thank You for asking.

We would like to know in detail about the practical case of why you want to show a warning but not throw the error.

I haven’t seen this kind of behavior ever. But can you provide a more concrete form example or the exact use case of the warning message?

Looking forward to the discussion.

Thanks
Jeet

Hello,

Our use case is the following : our client enter a price, but if the price is under a certain level the warning message is displayed, saying that the price entered might not be high enough.

For instance if the price is between 0 and 50 dollars –> we get the red, price too low cannot send the form. If price if between 50 and 80 dollars –> we get a warning message saying the price is ok but might not be enough. And if the price was more than 80 we could have the green message saying everything is good.

We can apply this concept to any field not only price, ex text box : if we need to ask to enter more than 100 words, we could put a warning message between 70 and 100 words, and a green validation message after 100 words. The red message if less than 70 words.

Checkbox (ex choose at least 3 options) –> under 3 red message; after 3 a warning message saying that if we choose more options would be better. and message become green if enough otpions have been chosen.

Do you think it would be a good improvment ? I can understand that it’s really a feature that not everyone would use, in this case there is still the red validation message as a default option. But being able to make steps with warning and green validation message could improve the user experience when filling the form I believe.

I’m looking forward reading you,

Regards

• This reply was modified 7 years, 10 months ago by chevalier.

Hi ,

You can achieve this with bit of custom coding:

1) Set a regex to validate price between 0-50

2) Use this hook of success state
jQuery(document).on(“lv_after_field_valid”,function(event,element){ jQuery(element).css(“background-color”,”green”); });

3) Check if the value of the field is between 50-80. If yes, use the above hook to apply your CSS and show the warning message.If the value is above 80, show the success state.

Few points regarding this feature:

1) We don’t validate on each keystroke.This can be frustrating for the user.

While use case you propose, will make much more sense if feedback was given live, just a WP editor gives while showing word count or last saved date

https://screencloud.net/v/4h22

The second example could of how password strength meter works while typing in the password.

These suggestion are closer to run time feedback element under the field as a user is typing, test, rather than thinking of them as validation states.

2) We had shown success state in initial build of the plugin.But after running many tests, we figured that showing success message was causing the user to stop for a few seconds, take notice of success state, before filling in next field. This diverted user attention & caused the overall delay in filling up the form.

For small forms, it didn’t matter much, but for large forms, the delay was considerable and decreased conversions.

Adding a warning message may even increase this delay causing conversions to decrease.

3) Our system works on a boolean state, either validation is true or not.So introducing an intermediary state at the moment is not how it’s built.

4) If in future the demand for this feature comes up again, we shall think about it in integrating the core.

Let me know if you need any further help.

Thanks
Jeet

Thanks for your feedback and time. About the above hook form point 2, where should I place it ? Inside the function.php file ?

Hi,

You cannot straight away put this hook in functions.php and expect it to work. This would require, some extra work to code in the requirements.

We do take up custom development work. If you are interested. please write to me at [email protected]

Thanks
Jeet