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

Question

最近几天，我尝试在 .Net Framework 中开发 MVC web 应用程序。我尝试屏蔽 form 上的输入。 我下载了 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>