Jquery脚本不起作用

时间:2015-01-25 06:01:58

标签: javascript jquery masking

我是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/

2 个答案:

答案 0 :(得分:2)

我查了一下代码。我使用了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文件,您可以更正它们。 其他浏览器也有办法检查这些。

答案 1 :(得分:0)

看起来似乎找不到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>