onchangeを使用した日付形式

Question

フィールドでこの種の書式設定を行うことには多くの困難があります。私は、フォームフィールドを持っている：

<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> 

意図は、このフィールドは次の形式であるようにすることです、 人は自動的に2つの数値フィールドに入ったときは、「/」以下のタイプ」2/2 /形成置き人が入力している限り「4」である。しかし、細部がありますが、フィールドにはバックスペースキーを使用できますが、これは "/"の自動使用を損なうことはありません。

私はあなたがこの仕事に正規表現を使用することができます

Answer 1

...他のトピックとして行うことを試みたが、成功を持っていませんでした。 match()を使用してテキスト形式を確認してください。

var lastValue = $("input").val(); 
 
$("input").on("keydown keyup change", function(){ 
 
    var 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" />