DOM物件與jquery物件對比
阿新 • • 發佈：2019-01-24
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <!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"> <head runat="server"> <title></title> <script src="jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript"> /* function gud() { if ($("#TextBox1").val() > 5000) { document.getElementById("TextBox1") $("#Label1").text("餘額不足"); return false; } else { $("#Label1").text($("#TextBox1").val()); return true; } } */ function gud() { if (parseInt(document.getElementById("TextBox1").value, 10) > 5000) { document.getElementById("Label1").innerText = "餘額不足"; return false; } else { document.getElementById("Label1").innerText = "您取的金額為【" + document.getElementById("TextBox1").value + "】元"; return true; } } </script> </head> <body> <form id="form1" runat="server"> <div> <!--OnClientClick用於執行客戶端指令碼.當我們單擊一個按鈕時,最先執行的是OnClientClick 事件,根據OnClientClick 事件的返回值來決定是否執行OnClick事件來postback頁面.其返回值為true 和 false,預設情況下OnClientClick 返回值為真--> <asp:Button ID="Button1" runat="server" Height="20px" OnClientClick="return gud();" onclick="Button1_Click" Text="取款" /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> </div> </form> </body> </html>
</pre><pre code_snippet_id="78109" snippet_file_name="blog_20131122_1_7599051" name="code" class="html">即便使用者在客戶端禁用js， 在伺服器端要需要做最後的驗證，以保障客戶端禁用JS後客戶端的js程式碼不執行，直接跳過判斷。所以伺服器端需要做最後的驗證。伺服器端程式碼：<pre code_snippet_id="78109" snippet_file_name="blog_20131122_1_7599051" name="code" class="csharp">using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default3 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { if (Convert.ToInt32(TextBox1.Text) > 5000) { Label1.Text = "金額不足"; return; } else { Label1.Text = Convert.ToString(TextBox1.Text); } } }