<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <script src="https://cdnjs.cloudflare.com/ajax/libs/autonumeric/1.8.3/autoNumeric.min.js"></script> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait"> <div class="container" style="font-family: 'Strait', sans-serif;"> <div class="row"> <h2 style="font-family: 'Strait', sans-serif;" >Thousands separator dot and comma between numbers for input mask</h2> <form> <div class="form-group"> <label>Float Value</label> <strong><input type="text" id="testinput" class="form-control input-lg" step='0.01' placeholder='0,00' required value="1234568.88" /></strong> </div> <!-- Large button group --> <button id="ekgosBut" class="btn btn-primary btn-lg btn-block pull-right">Click</button> <br> <div class="well pull-right bari1 btn-block" style="margin-top:20px">val1</div> </form> <a class="btn btn-danger" href="https://bootsnipp.com/snippets/bBV2b">Sample 1</a> </div> </div>

$(document).ready(function(){ $("#testinput").autoNumeric('init', { aSep: '.', aDec: ',' }); $("#ekgosBut").click(function(e){ e.preventDefault(); var deger = $('#testinput').autoNumeric('get'); $(".bari1").text(deger); }); // ilk önce 'init'i kullanmalı //$('#lblTotal').autoNumeric('init'); //$('#lblTotal').autoNumeric('set', data.total); // autoNumeric ile değeri çekmek //$('#lblTotal').autoNumeric('get'); });