Concatenate 2 Fields Into on on change of each field

[DesiLogi]

Hello,

I've got a submission form with 2 fields that I need to concatenate into one field (ideally with a space between the values as it's a 'first name' and 'last name' value that need to be put into a 'full name' field. Again, I'm trying to do this on Change for First or Last name so Full_Name autofills as the user enters values. 

The code I'm using below doesn't work so I must be missing something. If someone can look at the syntax that'd be awesome. 

<SCRIPT LANGUAGE="JavaScript">

$("#InsertRecordFirst_Name, #InsertRecordLast_Name").change(function(){

var v_first = document.getElementById("InsertRecordFirst_Name").value;
var v_last = document.getElementById("InsertRecordLast_Name").value;

var v_fullname = v_first + v_last;

document.getElementById("InsertRecordFull_Name").value = v_fullname;

});

</SCRIPT>

 

[DesiLogi]

I got it worked out. Here it is if anyone needs it.

<script>
$("#InsertRecordFirst_Name").change(function(){

var v_first = document.getElementById("InsertRecordFirst_Name").value;
var v_last = document.getElementById("InsertRecordLast_Name").value;

var v_full = v_first  + " " + v_last;

document.getElementById("InsertRecordFull_Name").value = v_full;

});

</script>

 

[cheonsa]

Hi @DesiLogi,

 

Last year, Caspio released a new feature called Calculated Value. This form Element is available in the Submission form. The Calculated Value form element generates dynamic calculations that automatically update as users interact with your form. 

To concatenate two fields, you don't need to use a custom script anymore. 

 

Please refer to this link for more information: https://howto.caspio.com/datapages/datapage-components/calculated-values/

 

Hope this helps.

 

-kristina

[NailDyanC]

Hi Just to add to the previous comment above,  In the new release of Caspio version 17.0 , you can now add the Calculated Value form element to Update Forms and Details Pages to generate dynamic calculations as users interact with your forms. Previously, this feature was only available in Submission Forms. You may also check this link about calculated value: https://howto.caspio.com/datapages/datapage-components/calculated-values/

Also, you can Concantenate two fields in your Table using a Formula field.

 

I hope that helps.

 

[DesiLogi]

Thanks for updating the post- the new Calculation option in these forms is really helpful.