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

Question

最近几天，我尝试在.Net Framework 中开发MVC Web 应用程序。我尝试屏蔽 form 上的输入。 我已经下载了 Jquery 屏蔽输入，并在 View 部分编写了该代码。

@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>