Как скрыть ввод с помощью JQuery в MVC5?

Question

В прошлые дни я пытаюсь разработать веб-приложение MVC в .NET Framework. Я пытаюсь скрыть ввод по форме. У меня загрузился вход в jquery masked, и я написал этот код в моей секции просмотра.

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