Display dynamic data to next field’s label in Fluent Form

JavaScript

jQuery(document).ready(function($){
    if( $('form').hasClass( 'fluent_form_14' ) ) {
        var firstName = $('input[name="user_name[first_name]"]');
        firstName.on('keyup', function(e){
            if ( e.which == 13 ) {
                e.preventDefault();
            }
            
            if( firstName.val() === "" || firstName.val() == typeof undefined )
                $('.dyn-username').html( 'First Name' );
            else
                $('.dyn-username').html( firstName.val() );
        });
    }
});

jQuery(document).ready(function($){

if( $('form').hasClass( 'fluent_form_14' ) ) {

var firstName = $('input[name="user_name[first_name]"]');

firstName.on('keyup', function(e){

if ( e.which == 13 ) {

e.preventDefault();

}

if( firstName.val() === "" || firstName.val() == typeof undefined )

$('.dyn-username').html( 'First Name' );

else

$('.dyn-username').html( firstName.val() );

});

}

});

Comments

Ian Beirne says

August 13, 2020 at 3:38 am

Hi Paul,
I found your video very interesting but I am not a programmer and I want to use the same method to copy the input from one field to another in the form. I am using steps to seperate the different parts. its like a journey step1 start at point 1 – go to destination 1. Step 2 start at destination 1 go to destination 2.
Can I use the same code to generate destination 1 value into step 2 startat destination 1 field?
Thanks for any support you can give.
Ian

Scot Birch says

April 29, 2020 at 1:31 am

Is this the right CSS tag to use
First name
for the element label?

JavaScript

Reader Interactions

Comments

Leave a Reply Cancel reply

Search Tutorials