Question

我想创建一个动态蒙版，因此如果文本框长度中的数字大于11，则它应该是一个不同的蒙版。

我有以下代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs"     Inherits="WebApp_MVP.WebForm3" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="scripts/jquery-2.2.0.min.js"></script>
    <script src="scripts/jquery.maskedinput.js"></script>
    <script type="text/javascript">

    jQuery(function ($) {
        $("#TextBoxDoc").keydown(function () {
            try {
                $("#TextBoxDoc").unmask();
            } catch (e) { }

        var tamanho = $("#TextBoxDoc").val().length;

        if (tamanho < 11) {
            $("#TextBoxDoc").mask("999.999.999-99");
        } else if (tamanho >= 11) {
            $("#TextBoxDoc").mask("99.999.999/9999-99");
        }
        });
    });

</script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox runat="server" ClientIDMode="Static" ID="TextBoxDoc"><asp:TextBox>
        </div>
    </form>
</body>
</html>

问题在于，当我尝试编写文档编号时，它只保留一个字符，并不断更改最后一个字符：

[______________] *按3

[3 _____________] *按2

[2 _____________] *按9

[9 _____________]等等......

Answer 1

不要使用取消屏蔽和重新屏蔽（我认为这会删除您的信息）而是尝试使用“即时”功能。面具改变。

var options =  {onKeyPress: function(cep, e, field, options){
  var masks = ['999.999.999-99', '99.999.999/9999-99'];
    mask = (cep.length > 11) ? masks[1] : masks[0];
  $('#TextBoxDoc').mask(mask, options);
}};

$('#TextBoxDoc').mask('999.999.999-99', options);

请参阅https://igorescobar.github.io/jQuery-Mask-Plugin/

为什么我会收到此输入错误？

1 个答案: