Question

我是使用Jquery的新手，我试图在字段中应用掩码但是我收到以下错误：

TypeError：$（...）。mask不是函数

这是我的HTML

<div class="col-md-6">
    <div class="form-group">
        <label>CPF</label>
        <input type="text" maxlength="17" id="cpf" name="cpf" class="form-control cpf" />
    </div>
</div>

这是我的剧本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.43/jquery.form-validator.min.js"></script>
<script src="https://raw.githubusercontent.com/igorescobar/jQuery-Mask-Plugin/master/src/jquery.mask.js"></script>
<script type="text/javascript">

$(document).ready(function(){

    $("#cpf").mask("999.999.999-99");
});
</script>

我已经尝试做$（document）.ready（function（$）{}但是我没有成功。有没有人有想法？经过很多尝试，我很失落

Answer 1

主要问题是＆＃34; https://raw.githubusercontent.com/igorescobar/jQuery-Mask-Plugin/master/src/jquery.mask.js＆＃34;链接。我得到了一个＆＃34;拒绝执行...因为它的MIME类型（＆＃39; text / plain＆＃39;）不可执行，并且启用了严格的MIME类型检查＆＃34;。前两行不包括协议。

解决方案（无论如何都可以在我的测试中运行，如果您有问题/问题请给我打电话）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.43/jquery.form-validator.min.js" type="text/javascript"></script
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js" type="text/javascript"></script>

Answer 2

也许这可以帮到你。我认为你需要一个jQuery面具插件。我看到了几个，但是这篇文章将引导你朝着正确的方向前进JQuery apply input mask to field onfocus and remove onblur so to avoid problems with placeholder text

Answer 3

您是否尝试在本地访问这些库？...因为如果您需要将http协议或https添加到jquery库和jquery表单验证器

您无法在本地访问这些库，因此$（）掩码不会被识别为函数

像这样：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.43/jquery.form-validator.min.js"></script>

Answer 4

使用以下

<input type="text" pattern="[0-9]{3}\.[0-9]{3}\.[0-9]{3}\-[0-9]{2}" value="" name="cpf" id="cpf" maxlength="17" placeholder="CPF">

JSFiddle here

Answer 5

可能你应该使用类选择器$('.cpf').mask();代替id选择器。这应该有效：

$(document).ready(function(){

    $(".cpf").mask("000.000.000-00");
});

此外，您可以使用其他方式：

<input type="text" name="field-name" data-mask="000.000.000-00" />

Answer 6

＆＃13;

$(document).ready(function() {

  $("#cpf").mask("999.999.999-99");
});

＆＃13;

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://rawgit.com/igorescobar/jQuery-Mask-Plugin/master/src/jquery.mask.js"></script>
<div class="col-md-6">
  <div class="form-group">
    <label>CPF</label>
    <input type="text" maxlength="17" id="cpf" name="cpf" class="form-control cpf" />
  </div>
</div>

＆＃13;

<script src="https://rawgit.com/igorescobar/jQuery-Mask-Plugin/master/src/jquery.mask.js"></script>

使用链接而不是链接

使用rawgit.com检查here了解更多信息

Jquery - 我不能在字段中应用蒙版

6 个答案: