【问题标题】:Jquery script doesnt workJquery脚本不起作用
【发布时间】:2015-01-25 15:36:23
【问题描述】:

我是 jQuery 的新手,我面临以下问题。

我正在尝试使用掩码,但脚本不起作用。完全没有。

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="js/jquery.maskedinput.js" type="text/javascript"></script> 

    <script>

        $( document ).ready(function() {
            $("#date").mask("99/99/9999",{placeholder:"mm/dd/yyyy"});
            $("#phone").mask("(999) 999-9999");
            $("#tin").mask("99-9999999");
            $("#ssn").mask("999-99-9999");
        });


    </script>

</head>
<body>
    <input type="text" id="date">
    <input type="text" id="phone">
    <input type="text" id="tin">
    <input type="text" id="ssn">

</body>
</html>

怎么了?

我正在使用这个站点的插件:http://digitalbush.com/projects/masked-input-plugin/

【问题讨论】:

  • 您确定文件放置正确吗?它在这里工作jsfiddle.net/95uu0f2s
  • 这很奇怪。但它不起作用。
  • 我已将插件脚本的内容复制到一个新文件中,并保存到名为js的文件夹中。但不工作。

标签: javascript jquery masking


【解决方案1】:

我检查了代码。我使用了this latest jQuery Mask Plugin。有用。 Here are some examples , they might help.

我所做的唯一改变是

<script src="jquery.mask.min.js" type="text/javascript"></script> 

您可能将文件放在错误的位置。 您可以在 Google chrome 中使用内置的 inspect element 功能(右键单击即可看到)检查那些。如果控制台指示缺少 .js 文件,您可以更正它们。 其他浏览器也有办法检查这些。

【讨论】:

  • @Hellon Canella Machado:如果您解决了问题,请在此处更新问题或发表评论,说明您是如何做到的。 :)
【解决方案2】:

好像没有找到 maskedinput.js 或者这个脚本有问题

改变

<script src="js/jquery.maskedinput.js" type="text/javascript"></script>

<script src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js" type="text/javascript"></script> 

【讨论】:

    猜你喜欢
    • 2014-11-18
    • 1970-01-01
    • 2016-12-22
    • 1970-01-01
    • 1970-01-01
    • 2013-11-18
    • 2011-09-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多