Asp.Net MVC 4 и маска ввода с помощью плагина jQuery MaskedInput

Запись от Trukhanov_VP размещена 20.08.2014 в 14:58

Показов 9364 Комментарии 3

Для реализации того, чтобы использовать маску ввода в поле на вашей страничке, следует сделать следующие:

1. С помощью NuGet добавить в проект дополнительный плагин "jQuery MaskedInput".

2. Далее нужно подключить его при запуске проекта. В файл проекта /App_Start/Bundle_Config.cs добавить код:

C#
1
bundles.Add(new ScriptBundle("~/bundles/jquerymaskedinput").Include("~/Scripts/jquery.maskedinput-{version}.js"));

3. В файле проетка /Shared/_Layout.cshtml добавить код:

C#
1
2
3
4
// <head>
//...
@Scripts.Render("~/bundles/jquerymaskedinput")
//</head>

4. Следующим шагом будет описание скрипта в разделе body файла /Shared/_Layout.cshtml:

JavaScript
1
2
3
4
5
<script type="text/javascript">
jQuery(function ($) {
$("#Phone").mask("+7(999)999-99-99");
});
</script>

5. Переходим на нужную View, в которой на поле нужно использовать маску ввода и пишем следующий код:

C#
1
@Html.EditorFor(model => model.Phone, new { @id="Phone" })

На этом все ;-)!

Размещено в Asp net mvc

« Шифруем данные с помощью оператора XOR Главная страница

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

Всего комментариев 3

Комментарии

	чета не работает
	Запись от ganeevez размещена 24.08.2021 в 18:18

	емаил а как настроить маску ввода для емаил?
	Запись от ganeevez размещена 24.08.2021 в 18:23

	Сообщение от ganeevez чета не работает банд оказывается не правильно прописал в конфиге
	Запись от ganeevez размещена 24.08.2021 в 18:24

Trukhanov_VP Trukhanov_VP вне форума

Регистрация 28.03.2013
Адрес Vladimir
Сообщений 272
Записей в блоге 2

Поиск в блоге Trukhanov_VP

Содержит текст: Искать только в заголовках

Расширенный поиск
Категории блога
Локальные категории
- Asp net mvc
- Delphi
Последние комментарии
- Asp.Net MVC 4 и маска ввода с помощью плагина jQuery MaskedInput автор: ganeevez
Последние записи
- Asp.Net MVC 4 и маска ввода с помощью плагина jQuery MaskedInput
- Шифруем данные с помощью оператора XOR
Последние посетители
- Alexcendr (27.03.2023, 16:05)
- ASDF_w (18.05.2022, 20:16)
- async_creator (27.04.2022, 10:19)
- DEN03ez (29.06.2022, 14:17)
- Fanateek (28.04.2022, 18:31)
- fillipsa (07.11.2022, 19:41)
- Miristan (19.04.2022, 13:08)
- Murepta (24.04.2023, 22:03)
Облако меток

.net .net native 1с activemq ai airscan blacklist android android api angular api gateway architect asm assembler astra async async/await auth avro aws lambda azure functions bash bash debugging basic batch blender c c# c++ c++17 c++20 c++23 c++26 c++ qt caffeine chinese chrome password db chromium password ci/cd circuit breaker citrix cli cmake colorama com composition api cqrs csrf css cypress db ddd debian delphi devops di django docker ehcache eng env environments esp32 eureka event sourcing excel firebird fpga freebasic gamedev get internet access gimp git github github actions gitlab go goa grafana graphql grpc hadoop hazelcast hcl notes head highload html html5 http i2c interview ios iot java java 8 msi javascript jest jpa jre msi packages jre windows json jwt kafka kerberos auth kinit kotlin kryo kubernetes lazarus libraoffice linux lisp lock-free lotusscript lowlevel lstm lua mail math matplotlib maven mediatr microservices mingw ml mobile mock mongodb msa ms access multiarg parsing multithreading mysql next.js node.js notepad++ npp oauth2 oop opengl openid openid connect opentk oracle owenlogic parallel pascal patterns php planck.js plc postgresql powershell problem prometheus protobuf proxy suarm pyenv pyqt pyqt5 python python 3 qt rabbitmq race condition react rest api rubyrush sane-airscan scheme script-fu sdl sed serverless set x sfml shell socket.io solid spring spring boot spring data sql server ssh server std::execution std::span stm32 swift swiftui tcl tdd telegram three.js typescript ubuntu ue uikit uml unit-test unity unity2d usb vb vb 6.0 vba victoria visual studio vk vs code vue vue 3 web animations api webapi webassembly webgl webview wget wget alt sp winapi windows windows 7 wine winforms wireshark woocommerce word wordpress wpf xml xss yii асу тп асутп библиотеки время города ии информатика кипиа кумир нейросеть новый год образование ооп папка праздник россия си сумматор триггер часовые пояса

Поиск по метке

Архив
< Март 2025
Вс	Пн	Вт	Ср	Чт	Пт	Сб
23	24	25	26	27	28	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	1	2	3	4	5

Новые блоги и статьи Все статьи Все блоги /
sshd restrictions, ssh access limitations jigi33 26.03.2025 sshd restrictions \| ssh access limitations рестрикции доступа на сервер sshd статья: https:/ / www. golinuxcloud. com/ restrict-allow-ssh-certain-users-groups-rhel	Компиляция C++ с Clang API NullReferenced 24.03.2025 Компиляторы обычно воспринимаются как черные ящики, которые превращают исходный код в исполняемые файлы. Мы запускаем компилятор командой в терминале, и вуаля — получаем бинарник. Но что если нужно. . .	Многопоточное программирование в C#: Класс Thread UnmanagedCoder 24.03.2025 Когда запускается приложение на компьютере, операционная система создаёт для него процесс - виртуальное адресное пространство. В C# этот процесс изначально получает один поток выполнения — главный. . .	SwiftUI Data Flow: Передача данных между представлениями mobDevWorks 23.03.2025 При первом знакомстве со SwiftUI кажется, что фреймворк предлагает избыточное количество механизмов для передачи данных: @State, @Binding, @StateObject, @ObservedObject, @EnvironmentObject и другие. . . .	Моки в Java: Сравниваем Mockito, EasyMock, JMockit Javaican 23.03.2025 Как протестировать класс, который зависит от других сложных компонентов, таких как базы данных, веб-сервисы или другие классы, с которыми и так непросто работать в тестовом окружении? Для этого и. . .
Архитектурные паттерны микросервисов: ТОП-10 шаблонов ArchitectMsa 22.03.2025 Популярность микросервисной архитектуры объясняется множеством важных преимуществ. К примеру, она позволяет командам разработчиков работать независимо друг от друга, используя различные технологии и. . .	Оптимизация рендеринга в Unity: Сортировка миллиона спрайтов GameUnited 22.03.2025 Помните, когда наличие сотни спрайтов в игре приводило к существенному падению производительности? Время таких ограничений уходит в прошлое. Сегодня геймдев сталкивается с задачами совершенно иного. . .	Образование и практика Igor3D 21.03.2025 Добрый день А вот каково качество/ эффективность ВУЗовского образования? Аналитическая геометрия изучается в первом семестре и считается довольно легким курсом, что вполне справедливо. Ну хорошо,. . .	Lazarus. Таблица с объединением ячеек. Massaraksh7 21.03.2025 Понадобилась представление на экране таблицы с объединёнными ячейками. И не одной, а штук триста, и все разные. На Delphi я использовал для этих целей TStringGrid, и то, кривовато получалось. А в. . .	Async/await в Swift: Асинхронное программирование в iOS mobDevWorks 20.03.2025 Асинхронное программирование долго было одной из самых сложных задач для разработчиков iOS. В течение многих лет мы сражались с замыканиями, диспетчеризацией очередей и обратными вызовами, чтобы. . .

Наверх

Сообщение форума

Отменить изменения

Asp.Net MVC 4 и маска ввода с помощью плагина jQuery MaskedInput

емаил