jquery如何在maxlength完成后显示maxlength限制

Question

我需要显示最大长度验证后，输入最后一个字符输入type.for例如，如果限制是10，那么我需要显示错误信息时，键入11个字符。

if(maxLength > parseInt(localStorage.getItem('max'+field.id)))
    {

        console.log("Yes true");
    }

      if (curLength == maxLength)  
    {   console.log("wwww");

        extraOne = parseInt(maxLength)+parseInt(1); 
        $(field).attr("maxlength",extraOne);

    }

这是js小提琴

https://jsfiddle.net/php_web_dev/opcasrk9/11/

Answer 1

在HTML中，您已将maxlength属性集添加为10，这意味着您键入的字符不能超过10个。因此无法执行此验证。

Answer 2

您可以考虑的一种解决方案是允许最大长度为11，当用户超过限制时，删除最后(第11个)字符并显示消息。

​

$(".limit-char").on('keyup',function(event) {      
    var maxLength = $( this ).attr( "maxlength" );
    var curLength = $( this ).val().length;
	var fieldError = "#error1";
  
    if (maxLength <= curLength)  
    {    
        var curLength = $( this ).val().length; 
        $(fieldError).text("Limit Exceed");
        $( this ).val($( this ).val().substring(0, maxLength-1));
    }else {
        $(this).css('background','none');
        $(fieldError).text("");
    }       		
});	

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<input class="limit-char" type="text" maxlength="11" />
<span id="error1"></span>

​