Nhận giá trị hộp văn bản asp trong JavaScript

Trong bài viết này, tôi sẽ giải thích bằng một ví dụ, cách tìm và nhận giá trị của TextBox trong UserControl i. e. WebUserControl (ASCX) từ Trang mẹ (ASPX) sử dụng JavaScript trong ASP. Net

 

 

Kiểm soát người dùng

Sau đây là Đánh dấu HTML của một UserControl đơn giản bao gồm một Hộp văn bản để ghi tên của Người dùng

<%@Kiểm soátNgôn ngữ="C#" . ascx. cs"Kế thừa="UC_Name"%>@ Control Language="C#" AutoEventWireup="true" CodeFile="UC_Name.ascx.cs" Inherits="UC_Name" %>

Tên. <asp. Hộp văn bản ID = "txtName" runat="server" /> 

 

 

Trang

Đánh dấu HTML sau đây của Trang ASPX chứa UserControl (đã thảo luận trước đó) và một Nút

Nút có trình xử lý sự kiện OnClientClick thực thi hàm JavaScript xác thực TextBox txtName có trong UserControl ucName

<%@TrangNgôn ngữ="C#" . aspx. cs"Kế thừa="_Default"%>@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

 

<%@Đăng kýSrc="~/ . ascx"TagName="Name"TagPrefix="uc"@ Register Src="~/UC_Name.ascx" TagName="Name" TagPrefix="uc" %>

<. DOCTYPEhtmlPubLIC"-//W3C//DTD XHTML 1. 0 Chuyển tiếp//EN""http. //www. w3. org/TR/xhtml1/DTD/xhtml1-chuyển tiếp. dtd">DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http. //www. w3. org/1999/xhtml">

<đầu runat="server">

    <tiêu đề>tiêu đề>

đầu>head>

<nội dung>

    <form id="form1" runat="server">

    <uc. Tên ID="ucName" runat="server" />

    <br />

    <br />

    <asp. Nút Văn bản="Xác thực" runat="server" OnClientClick="return Validate()" />

    biểu mẫu>

cơ thể>body>

html>html>

 

 

Vấn đề

Khi bạn đặt một ASP. Net bên trong một số UserControl thì ID HTML của điều khiển được đặt bên trong UserControl sẽ thay đổi

Và do đó, JavaScript không thể tìm thấy điều khiển với ID được chỉ định ban đầu của nó

Ví dụ: một Hộp văn bản có ID txtName trong UserControl có ID ucName sẽ có ID HTML là ucName_txtName. Nguồn Xem sau của trang hiển thị hành vi này

Nhận giá trị hộp văn bản asp trong JavaScript

 

 

Giải pháp

Giải pháp cho vấn đề này là sử dụng Khối mã nhúng để tìm Hộp văn bản bên trong UserControl nhằm xác định thuộc tính ClientID của nó

Trong hàm JavaScript sau, Hộp văn bản được tham chiếu bằng ASP. Net FindControl và sau đó ClientID của nó được sử dụng bên trong tài liệu. getElementById để lấy tham chiếu của TextBox

Chứng nhận và tăng cơ hội.

Chính phủ. ASP được chứng nhận. NET Programmer

Lấy giá trị tham số từ điều khiển Hộp văn bản

Điều khiển hộp văn bản hiển thị điều khiển hộp văn bản cho đầu vào của người dùng. Cách sử dụng trong ASP. NET giống như

Thuộc tính công khai 'Văn bản' nhận hoặc đặt nội dung văn bản của điều khiển Hộp văn bản.
Giá trị hộp văn bản theo JavaScript
Mã sau sẽ hiển thị điều khiển Hộp văn bản và Nút.

mã trang aspx

Nhận giá trị hộp văn bản trong JavaScript

’)” />

Đoạn mã sau là hàm JavaScript để lấy giá trị từ điều khiển TextBox

Hàm JavaScript
// Lấy giá trị TextBox

hàm GetTextBoxValue(id)

{

cảnh báo (tài liệu. getElementById(id). giá trị);

}

Làm cách nào để nhận giá trị từ asp TextBox trong javascript?

JavaScript Nhận Asp. giá trị hộp văn bản ròng. Nhận Asp. giá trị nhãn net trong JavaScript .