如何在MVC5中使用Jquery屏蔽输入？

Question

最后几天,我尝试在.Net Framework中开发MVC Web应用程序.我尝试在表单上屏蔽输入.我下载了Jquery蒙面输入,我在我的视图部分编写了该代码.

@section Scripts{
    <script type="text/javascript" src="/Scripts/jquery.maskedinput.min.js"></script>
    <script type="text/javascript" src="/Scripts/jquery-1.8.3.min.js"  charset="utf-8"></script>

    <script type="text/javascript">
        $(function () {
            $("#phone").mask("(999) 999-9999");
        });
    </script>
}

我试着像这样掩盖文本框:

@Html.TextBoxFor(model => model.PhoneNumber, new { htmlAttributes = new { @class = "form-control" ,@id="phone"} })

但它不起作用.哪里错了？

我尝试了几种方法来掩盖它,但我没有成功.任何人都可以帮助我吗？

Answer 1

很简单,更改脚本顺序

<script type="text/javascript" src="/Scripts/jquery-1.8.3.min.js" charset="utf-8"></script>
<script type="text/javascript" src="/Scripts/jquery.maskedinput.min.js"></script>