<form id="hz9zz"></form>
    • <form id="hz9zz"></form>
    

      

      <nobr id="hz9zz"></nobr>
      <form id="hz9zz"></form>
      3.   
          
      明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！
                   
        
                           
        
                        		  
        
                 
              
                
      為服務器控件添加javascript客戶端事件
                
                  發表時間：2024-02-22             來源：明輝站整理相關軟件相關文章人氣：          
              
      [摘要]記得在用asp得時候，經常用到javascript。比如驗證表單，刪除確認等。Asp.Net的是服務器端的，我們的javascript失去了應用的空間。不過經過一番摸索，其實Asp.Net使用javascript非常簡單。先介紹一下WebControl的Attributes屬性。（HtmlCont...
      記得在用asp得時候，經常用到javascript。比如驗證表單，刪除確認等。Asp.Net的是服務器端的，我們的javascript失去了應用的空間。不過經過一番摸索，其實Asp.Net使用javascript非常簡單。


      先介紹一下WebControl的Attributes屬性。（HtmlControl差不多，不再重復），Attributes是獲取與控件的屬性不對應的任意特性（只用于呈現）的集合。舉個例子，一個普通的表單控件
      <input type="button" name="Button" value="Button" onClick="ClickEvent()">
      這里的type，name，Button都是按鈕的屬性，onClick按鈕單擊后的事件。這些在Asp.Net中都可以通過Attributes屬性集合來設定。

       

       

      下面舉個登錄表單驗證的例子。
      <%@ Page Language="C#" %>
      <script runat="server">
      void Page_Load(Object sender, EventArgs e)
      {
       //添加客戶端onClick事件
           Button1.Attributes["onClick"]="return CheckForm()";
      }
      </script>

      <html>
      <head>
      <script language="javascript">
      function CheckForm()
      {
       //驗證表單的javascipt函數
          if(document.all.Username.value=="")
          {
              alert("請填寫用戶名");
              return false;
          }
          else if(document.all.PassWord.value=="")
          {
              alert("請填寫密碼");
              return false;
          }
          return true;
      }
      </script>
      </head>
      <body>
          <form runat="server">
              <br />
      <table height="150" width="300">
         <tbody>
            <tr>
                <td>
                   用戶名</td>
                <td>
                <asp:TextBox id="Username" runat="server"></asp:TextBox>
                 </td>
              </tr>
               <tr>
                 <td>
                   密碼</td>
                  <td>
      <asp:TextBox id="PassWord" runat="server" TextMode="Password"></asp:TextBox>
                          </td>
               </tr>
                 <tr>
                   <td>
                   </td>
                    <td>
           <asp:Button id="Button1"  runat="server" Text="登錄"></asp:Button>
                     </td>
                 </tr>
                  </tbody>
              
          </form>
      </body>
      </html>

      是不是又回到熟悉的方法：）




              
              
                 
              
                                            
                              		       
                          
                           		  
        
                            
      
日韩精品一区二区三区高清