Limit total maxlength of two inputs

index.html

<input type="text" class="ad1" data-maxlgroup="10" maxlength="10" />
<input type="text" class="ad2" data-maxlgroup="10" 
maxlength="10"/>

limit-total-maxlength-of-two-inputs.markdown

Limit total maxlength of two inputs

A Pen by wunnle on CodePen.

License.

script.js

var maxLgroup = function () {  
  let maxTotalL;
  
  if($("[data-maxlgroup]").length) {
    maxTotalL = $("[data-maxlgroup]").data("maxlgroup")
  }
  
  $("[data-maxlgroup]").change(function() {
    let activeL = $(this).val().length
    let leftoverL = maxTotalL - activeL
    console.log(activeL, "activeL")
    console.log(leftoverL, "leftoverL")
    $("[data-maxlgroup]").not($(this)).attr("maxlength", leftoverL)
  })
}


$(function() {
  maxLgroup();
})

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>