Formidable Pro – Currency Formatting an Input Field (not a number field)

Bobby Clapp Tutorials/Alternate Solutions

This article describes how you can use jQuery to manipulate single line text fields. For various reasons you will want to consider this as a visual perk, but not as something you would want to save to the database and use elsewhere.

 

jQuery currency format on keyup demo
$
$

 

To achieve the above, we simply need to know the field keys and add the following to the Customize HTML "After Fields" box:

<script>
jQuery('#field_ev09g').on('keyup', function() {
var val = this.value;
val = val.replace(/[^0-9\.]/g,'');
jQuery(this).val(jQuery(this).val().replace(/[^0-9]/g, ''));

if(val != "") {
valArr = val.split('.');
valArr[0] = (parseFloat(valArr[0],10)).toLocaleString();
val = valArr.join('.');
}

jQuery('#field_78sue').val(val);
});
</script>

<script>
jQuery('#field_andel').on('keyup', function() {
var val = this.value;
val = val.replace(/[^0-9\.]/g,'');
jQuery(this).val(jQuery(this).val().replace(/[^0-9]/g, ''));

if(val != "") {
valArr = val.split('.');
valArr[0] = (parseFloat(valArr[0],10)).toLocaleString();
val = valArr.join('.');
}

this.value = val;
});
</script>