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

Поиск

Категории

Облако тегов

  << Предыдущий пост       Следующий пост >>  
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


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