Prepopulated, disabled fields empty when validation fails

Gravity Support Forums » Plugin Support » Gravity Forms

usableweb
Member

Greetings! I'm prepopulating a couple fields using the add_filter method described here:

http://www.gravityhelp.com/documentation/page/Allow_field_to_be_populated_dynamically

I was also using this technique to disable input:

http://www.gravityhelp.com/forums/topic/make-a-readonly-field#post-7034

This worked well, up until the point the form failed validation (let's say one of the required fields is left blank. When the screen refreshed to display the validation messages, the pre-populated fields were blank.

This only happened when the input fields were disabled. My assumption is that the validation logic is not retaining the value attribute of disabled fields when the form is re-posted. I had to re-enable the fields by removing the 'disable' class again in order to make this work properly

Would this perchance be an easy fix? Any suggestions?

Thanks for the great plugin!

Posted 11 years ago on Friday November 2, 2012 | Permalink
Chris Hajer
Key Master

I'm sorry your question was overlooked. I sent this off to the development team for their feedback.

Posted 11 years ago on Tuesday November 13, 2012 | Permalink
Alex Cancado
Administrator

When you disable an input, its value doesn't get posted with a form submission. That is why it is not retaining its value. Instead of marking it disabled, try marking it as read-only.
Use the following snippet instead.
http://pastie.org/5372225

Posted 11 years ago on Tuesday November 13, 2012 | Permalink
usableweb
Member
Thanks a bunch - this worked great! I 'namespaced' the class name a bit to reduce the possibility of collision with other core/plugin CSS. For those searchers who are interested in the full/final fix:

1) Inserted the following snippet in header.php between wp_head() call and closing head tag:
```
<script type="text/javascript">
   jQuery(document).ready(function($){
      $(".gform_wrapper .gf_readonly input").prop('readonly',true);
   });
</script>
```
2) Then for prepopulated fields that are 'read only', on the Advanced tab, add the following CSS Class Name: gf_readonly

Thanks Alex!
Posted 11 years ago on Wednesday November 14, 2012 | Permalink

This topic has been resolved and has been closed to new replies.