输入具有普通值的掩码

Question

创建输入掩码以保持输入中的原始值（即未屏蔽的值）的最佳方法是什么？

例如：

让我们使用掩码99999-999和数字58398000。

我想要的是要显示的数字：

58398-000并且输入的确值为58398000。

我需要这个，因为验证会计算位数并检查是否只有数字。

当页面加载并设置了输入值时，也会出现掩码。

试过这个： http://www.jasny.net/bootstrap/javascript/#inputmask

jasny的插件有两个问题：

• 首先，输入的值具有分隔符，例如input.val() == "58398-000"

• 其次，当页面加载值设置时，掩码不会更新。 例如： <input type="text" value="58398000" class="form-control" data-mask="99999-999">，在这种情况下，不显示掩码。

P.S：使用bootstrap和jQuery

Answer 1

在使用jQuery提交之前，您应该进行验证，并确保字段值的格式符合您的要求。或者你可以为你的输入添加一个数值实数值或类似的值，你可以在字段中格式化onKeyUp或keyDown。

您可以使用

$scope.activateLead = function ( lead ) {
        debugger
        $scope.activateLead = lead
    }

所需文件：

jQuery keyup - ＆gt; https://api.jquery.com/keyup/

jQuery keydown - ＆gt; https://api.jquery.com/keydown/

jQuery submit - ＆gt; https://api.jquery.com/submit/

N.B：不要忘记进行后端验证，以确保在您使用数据库中的接收数据或任何内容之前，人们确实使用了您的表单。