ГЛАВНАЯ     АРХИВ     НАПИСАТЬ АДМИНУ     ПОДПИСАТЬСЯ НА RSS     ВОЙТИ      

Поиск

Категории

Облако тегов

acer ado.net amd asp.net c sharp c# cms css exceptions google html ipad iphone it бизнес javascript jquery linq microsoft mysql net nokia nokia lumia samsung seo silverlight sql surface tsql windows 8 windows blue windows phone windows rt xna безопасность библиотека вопросы на собеседовании интересные проекты интернет интернет магазин исключения книга книги компьютерная безопасность компьютерные игры контролы курсы по программированию логированние исключений мобильные приложения монетизация сайтов наушники новости новости it новости microsoft новости интернет новости технологий ноутбук ноутбуки обработка исключений оптимизация острова периферия планшет планшеты поддержка сайтов поисковое продвижение программы продвижение продвижение сайта продвижение сайтов рабство разработка игр разработка сайтов раскрутка сайта рекламные технологии смартфон смартфоны собеседование создание сайтов средства разработки туризм фриланс хостинг яндекс
  << Предыдущий пост       Следующий пост >>  
25. февраля 2012 16:30

В этом посте, мы рассмотрим как перевести ASP.NET TextBox в режим только для чтения, используя jQuery. Такое поведение часто можно увидеть в приложениях, где форма открывается в режиме редактирования, но некоторые текстовые поля ввода переводятся в режим только для чтения, для предотвращения ввода пользователем текста в них.

Давайте посмотрим, как просто можно удовлетворить этому требованию с использованием JQuery:

<html xmlns="http://www.w3.org/1999/xhtml">
<
head runat="server">
<
title>Make TextBoxes ReadOnly at RunTime</title>

<
script type="text/javascript"
src="http://ajax.microsoft.com/ajax/jquery/jquery-1.5.1.min.js">
</
script>

<
script type="text/javascript">
$(function () {
$('input:text[value!=]').each(function () {
$(this).attr('readonly', true);
});
});
</script>
</
head>
<
body>
<
form id="form1" runat="server">
<
div>
<
h2>TextBoxes ReadOnly at RunTime</h2><br />
<
asp:TextBox ID="tbox1" runat="server" Text="SomeText"/><br />
<
asp:TextBox ID="tbox2" runat="server" Text=""/><br />
<
asp:TextBox ID="tbox3" runat="server" Text="SomeText"/><br />
<
br /><br />
Here only those TextBoxes with some value in it,
are made <br /> read-only and cannot be edited
</div>
</
form>
</
body>
</
html>

Код приведенный выше фильтрует те текстовые поля ввода, в кооторых уже есть значения (это tbox1 и tbox3) и применяет к ним атрибут ‘readonly’. Таким образом, в этом примере вы можете редактировать tbox2 но не tbox1 и tbox3.

Note: Пользователи могут конечно выключить JavaScript, на этот случай нужно делать валидацию на стороне сервера.

Результат выглядит так:

image


Это перевод. Оригинал здесь.

Похожие записи


Вопросы на собеседовании C#, Net, ASP.NET, SQL
Продолжая тему вопросов на собеседовании. Нашел еще одну подборку. Оригинал лежит здесь . Перенес, чтобы не затерялось. Есть вполне вменяемые ответы (хотя, на некоторые вопросы ответил бы по-другому). Ответы находятся после списка вопросов, я их не менял. 23. Что такое шаблон проектирования Model/View/Controller? Как и зачем его применяют? 2...

Способы заработка на сайте
На этом блоге было много постов про производство и раскрутку сайтов. Но пока не было про заработок на них. Пора исправить этот недочет. Здесь будут описаны по возможности не фантастичные, и не супер низко прибыльные способы. Также упор будет сделан именно на организацию процесса, а не технических деталях, которых в обилии в интернете. Несмотря на то, что как пр...

Silverlight, HTML5 и непрозрачная стратегия развития Microsoft
Оригинал статьи взят отсюда: Silverlight, HTML5 и непрозрачная стратегия развития Microsoft Автор: Peter Bright Переводчик: Mairon     По непонятным мне на данный момент причинам, похоже, что многие разработчики, присутствовавшие на недавней конференции PDC-2010 (Крупнейшая конференция Microsoft для разработчиков — Прим. переводчика), были сильн...

Добавить комментарий




biuquote
  • Комментарий
  • Предпросмотр
Loading


  Сохранить комментарий