SMS Confirmation Widget: How to show Next Button only after verifying the phone number?

Hello, we've implemented the [SMS Confirmation Widget](https://www.jotform.com/widgets/sms-confirmation) but the OTP workflow is confusing which could reduce conversions.

1) User enters number

2) User must click `confirm`

3) User then clicks `next`

But I think it's easy for a user to skip to step 3 if they're moving fast. If would be nice to have some type of CSS by graying out the buttons until they are applicable (i.e. the 'next' button is only blue once the use verified the number). Is this possible?

Here is another form from GetLeadForms which has a more intuitive OTP flow.

Hi Akshay,

Thanks for reaching out to Jotform Support. Unfortunately, it's not possible to gray out the Next button until the form filler's phone number is verified using CSS Codes. But, since the SMS Confirmation Widget is already set to 'Required', form fillers won't be able to move forward without verifying their numbers. Check out the screencast below to see my results:

Reach out again if you have any more questions.

Hi, the issue is actually after the "Verify" button is clicked here. After that step, the Next button should some how be emphasized to direct the user flow. A confused user might click Verify twice which causes an error.

Hi aksg,

I understand the issue, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

Thanks for your patience, we appreciate it.

Hi aksg,

Since this can't be implemented through CSS, I've gone ahead and escalated your request to our Developers. When or if it's implemented depends on their workload, how viable it is, and how many other users request it. If there are any updates, we’ll circle back to this thread and let you know.