您的位置：首页 > Web前端 > JQuery

DOM对象与jquery对象对比

2013-11-22 22:06 351 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航