Какой лучший способ выполнить проверку javascript на странице ASP.Net с помощью Masterpage?

ИМО, копирование окончательных значений ClientID, которые появляются в браузере, - это ожидающая проблема. Если вы измените идентификатор элемента управления в своем коде и забудете изменить его в своем javascript, вы можете не заметить этого, пока проверка не перестанет таинственным образом работать. Создавая его динамически, вы, по крайней мере, получите выгоду от ошибок времени компиляции.

Когда мне нужно получить доступ к идентификатору клиента элемента управления в javascript, я помещаю блок сценария вверху страницы следующим образом:

<script>
    var SomeControl = <%= Control1.ClientID %>;
    var AnotherControl = <%= Control2.ClientID %>;
    // etc, etc.
</script>

К сожалению, это все еще кажется уродливым взломом. Предполагается, что в будущих версиях ASP.NET этот сценарий будет решен.

Лучшее решение зависит от конкретной ситуации. Самый простой и удобный способ обработки валидации в формах Asp.Net - использовать встроенные элементы управления валидацией. Они принимают идентификатор элемента управления, который вы хотите проверить, а затем обеспечивают проверку как на стороне клиента (javascript), так и на стороне сервера для этого элемента управления. Они занимаются автоматическим подключением и созданием javascript за вас.

Если по какой-то причине они не работают, и вы хотите написать свои собственные функции проверки в javascript, вам нужно будет использовать что-то похожее на решение Бранта, приведенное выше. Как упомянул Брант, используя

<%= Control1.ClientID%>

Вполне допустимо ссылаться на ClientID с помощью встроенного кода (например, тегов <%%>). Однако приведенный пример не будет работать; вам нужно получить доступ к DOM ...

<script language = "javascript" type = "text/javascript">
  var control = document.getElementById('<%= control.ClientID %>');
</script>

Вот 2 способа, которыми я пользуюсь:

в мастере:

Page.ClientScript.RegisterClientScriptInclude("somescript", ResolveUrl("some.js"));

программно:

HtmlGenericControl JScript1 = new HtmlGenericControl("script");
JScript1.Attributes.Add("type", "text/javascript");
JScript1.Attributes.Add("src", ResolveUrl("some.js"));
this.Page.Header.Controls.Add(JScript1);

Другой метод, хотя и не такой производительный, - это использование JQuery.

Поместите собственный класс css в каждый элемент управления, который вы хотите найти. Если это текстовое поле, оно может выглядеть так:

< asp:TextBox id = "NameTextBox" runat = "server" cssClass = "NameTextBox" >

Это должно поразить браузер следующим образом:

< input id = "something_NameTextBox" type = "text" class = "NameTextBox" >

Затем, используя JQuery, вы можете найти такой элемент управления:

$(".NameTextBox")

Вы можете получить значение текстового поля, используя: $(".NameTextBox").val()

Это не так эффективно, поиск элементов управления по их идентификатору выполняется быстрее, но если страница не слишком большая, это будет работать нормально.

В js-коде есть две вещи, которым нужно удовлетворить: 1. Отредактируйте код JS в удобном редакторе JS. (VS например) 2. Обеспечьте сосуществование нескольких экземпляров вашего элемента управления.

Есть общий подход к обеспечению этих двух вещей: отдельные

• общий код, независимый из идентификаторов клиентов
• код, который зависит от конкретные идентификаторы.

Общий код может быть сохранен как файл .js или как веб-ресурс, если планируется редко менять. Код, зависящий от идентификаторов, может быть организован, как в ответе Бранта, например

   <script>
       var <%=c1.ClientID %> = new SomeJsClass(<%=c1.ClientID %>);
       var <%=c2.ClientID %> = document.getElementById('<%=c1.ClientID %>');
   </script>

Код, который обрабатывает эти переменные, может находиться в отдельном файле .js.