如何使用MVC5中的Jquery屏蔽输入?

时间:2016-06-17 10:18:30

标签: jquery .net razor asp.net-mvc-5 jquery-inputmask

最后几天,我尝试在.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"} })

但它不起作用。哪里错了?

我尝试了一些掩饰它的方法,但我没有成功。 任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:5)

非常简单,更改脚本顺序

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