Streaming live at 10am (PST)

How to make inputs disabled?


#1

I need to make an input disabled until the form is filled out. Not sure where I can add that attribute…?


#2

@cjroe How do you mean “until the form is filled out” ? Are there n-number of previous inputs that must have a value before a different input is enabled? Or is it just 1 previous input that needs to have a value before a different input is enabled?


#3

Yeah, 3 total fields. 2 are standard input forms fields. Another on is actually an upload button that will most likely trigger an event when the item has been successfully uploaded. I’d like to keep a simple stack that validates when all fields are filled out successfully and then enable the button for submission.


#4

@cjroe gotcha. I don’t know if this can be done natively in Webflow, but you can definitely do it with some custom code. If you’d like I’d be happy to help if you can share your site’s read only link and let me know what page/section the form is on.


#5

I think this pen pretty much solves it: https://codepen.io/designcouch/pen/azzOjg

That’s strange that Webflow doesn’t support it natively. Ideally we can just set the attributes dynamically.


#6

It turns out I can’t even add the attribute.


#7

@cjroe that’s correct, Webflow doesn’t let you add certain attributes natively. However, with custom code you can definitely do it (like you showed with the codepen link)


#8

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.