1. 程式人生 > >DOM物件與jquery物件對比

DOM物件與jquery物件對比

<%@ 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);
        }
    }
}