Formato de data com onchange

Eu tenho muitas dificuldades em fazer esse tipo de formatting no campo. Eu tenho um campo de formulário:

<div class="form-group col-md-12 col-sm-12 col-xs-12"> <div class="col-md-2 col-sm-2 col-xs-2 form-label"> {{Form::label('data', 'Data')}} </div> <div class="col-md-10 col-sm-10 col-xs-10"> {{Form::date('data', null, ['class' => 'form-control'])}} </div> </div> 

A intenção é fazer com que este campo seja no seguinte format, quando uma pessoa entra em 2 numbers, o campo coloca automaticamente um "/" formando o seguinte tipo "2/2/4" na medida em que a pessoa está digitando. No entanto, há um detalhe, o campo permite o uso da key de retrocesso, mas isso não compromete o uso automático de "/".

Eu tentei fazer como os outros tópicos, mas não tive sucesso …

One Solution collect form web for “Formato de data com onchange”

Você pode usair o regex paira este trabalho. Verifique o format de text usando match() .

 vair lastValue = $("input").val(); $("input").on("keydown keyup change", function(){ vair value = $(this).val(); if (value.match(/^[0-9]*[\/]?[0-9]*[\/]?[0-9]*$/g)) lastValue = value; else $(this).val(lastValue); }); vair value = $ (this) .val (); vair lastValue = $("input").val(); $("input").on("keydown keyup change", function(){ vair value = $(this).val(); if (value.match(/^[0-9]*[\/]?[0-9]*[\/]?[0-9]*$/g)) lastValue = value; else $(this).val(lastValue); }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" /> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </ script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" /> 
JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.