Hi @Andy2 you can disable a field using the following javascript (remember to wrap the code in script tags):

document.getElementById('FIELD ID HERE').disabled = true;

Could you let me know a bit more about your use-case for disabling a field? The above code will make it impossible to type in or change a field. If you’re looking to make sure a certain value in a form field stays intact a hidden field might be a more suitable option for you.

Hi Rob, thanks for the reply but I found a very simple workaround solution, which was just to place a see-through box over the field that I didn’t want to be editable. But thanks for this, this type of code is what I had in mind when I first posted here!

My pleasure @Andy2 happy to help! I like your solution a lot actually. Really simple and easy to implement, especially if you’re working with others on the page and don’t want to mess with code 🙂

Hi Rob, this script doesn’t work now.

Have you any way to do this ?

Hey @quike,

This is Vicky from the Unbounce Technical Team 😀

The code might be running before the DOM is ready so adding the event listener “DOMCotentLoaded” should solve the issue.

Here’s the code I come up with:

 <script>

     document.addEventListener("DOMContentLoaded", function(event) {

     document.getElementById("YOUR_FORM_FIELD_ID").disabled = true;

    });

 </script>

You can take a look at my test page to see the effect as well:

https://testing.vickyunbounce.ga/disable-field/ 😉.

Hope this helps!