How do I allow comma as a decimal separator in jquery?

See more:

Javascript

jQuery

formatting

I have this text input that has to convent the value in the German price format on .blur(). It works when the user presses period for the decimal separator, but since I have a German keyboard I would like to press the comma to get the same results. I added a code snippet below for a demonstration. With this if I type 1545454.154 the input will result in 1.545.454,15 (thanks to the toLocalString DE). If I change the period with a comma in the line (/[^0-9\.]/g, ''); to (/[^0-9\,]/g, '') I can now press my comma but the result will be 1.545.454,00. So the code is not seeing my comma as a separator. I know I should use .replace(",",".") but I do not know where to put it. Thanks in advance for any help.

$(window).ready(function() {
   function validateNumber(event) {
     this.value = this.value.replace(/[^0-9\.]/g, '');
   };
   $('#int').keyup(validateNumber);
   $('#float1').keyup(validateNumber);
   $('#float1').on("blur", formatDecimal);

   function formatDecimal(event) {
     console.log($(this).attr('decimalplaces'));
     var number = parseFloat(this.value);
     this.value = isNaN(number) ? '0' : number.toLocaleString('de-DE', {
       maximumFractionDigits: 2,
       style: 'currency',
       currency: 'EUR'
     });
   };

   $('#float2').keyup(validateNumber);
   $('#float2').on("blur", formatDecimal);
   var dt = dateFormatter('#date');
   $('[id^=date]').keypress(validateNumber);
 });