如何从提交按钮上的 TextBot 获取值？答案

【问题标题】：How to get the value from a TextBot on a submit button?如何从提交按钮上的 TextBot 获取值？
【发布时间】：2019-06-13 00:45:31
【问题描述】：

我正在创建一个将从 QR 码接收数据的网页。我是 asp .Net 的新手，我正在尝试从 TextBox 接收一个值并将其传递给 SQL 服务器。我怎样才能使用 JavaScript 或任何语言做到这一点？

这是我的代码：

我尝试使用以下命令执行此操作：String text = email.Text.ToString();

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="SampleDB.aspx.vb" Inherits="SampleDB.SampleDB" %>



<!DOCTYPE html>

<html  lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>MS SQL SAMPLE DATABASE</title>
<link rel="stylesheet" href="font/Audiowide.css" />
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<section class="cus-top-section">
    <h2 class="cus-main-heading">MS SQL SAMPLE DATABASE</h2>
</section>
    <form id="form1" runat="server">
<section class="cus-bot-section">
<h2 class="hidden">MS SQL Database</h2>
    <div style="overflow-x:auto;" class="cus-table-outer">
        <div class="cus-btn" >
            <asp:Button ID="btnSampleData" runat="server" Text="Show Sample Data" CssClass="submit" />
        </div> 
        <div class="tb-left"> </div>
        <div class="tb-rgt">
        <asp:Label ID="lblMessage" runat="server"></asp:Label>
        <br />
        <asp:GridView ID="GridView1" runat="server">
        </asp:GridView>
        <asp:SqlDataSource ID="sampledataSource" runat="server" ConnectionString="<%$ ConnectionStrings:connection %>" SelectCommand="SELECT * FROM [People]"></asp:SqlDataSource>
        </div>
    </div>
</section>

        <section class ="campos">
            //Campo inserir o nome
            <table>
        <tr>
            <td>
                <div style="overflow-x:auto;" class="cus-table-outer"/>
                <asp:Label Text="Insira o seu nome completo" runat="server" CssClass="cus-bot-section" />
            </td>
            <td colspan="2">
                <div style="overflow-x:auto;" class="cus-table-outer"/>
                <asp:TextBox ID="TextBox2" runat="server" CssClass="cus-bot-section"></asp:TextBox>
            </td>
        </tr>
    </table>
        // Campo inserir endereço
            <table>
        <tr>
            <td>
                <div style="overflow-x:auto;" class="cus-table-outer"/>
                <asp:Label Text="CPF" runat="server" CssClass="cus-bot-section" />
            </td>
            <td colspan="2">
                <div style= "overflow-x:auto;" class="cus-table-outer"/>
                <asp:TextBox ID="CPF" runat="server" CssClass="cus-bot-section" onkeydown = "return (!(event.keyCode>=65) && event.keyCode!=32);" 
                    Rows="10" onkeypress="return this.value.length<=10" Width="100%"></asp:TextBox>

            </td>
        </tr>
    </table>
            <script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '307419739906888',
      cookie     : true,
      xfbml      : true,
      version    : 'v3.2'
    });

    FB.AppEvents.logPageView();

  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
    </script>

    <fb:login-button scope="public_profile,email"
                     onlogin="checkLoginState();">
    </fb:login-button>


            <table>
        <tr>
            <td>
                <div style="overflow-x:auto;" class="cus-table-outer"/>
                <asp:Label Text="email" runat="server" CssClass="cus-bot-section" />
            </td>
            <td colspan="2">
                <div style= "overflow-x:auto;" class="cus-table-outer"/>
                <asp:TextBox ID="email" runat="server" CssClass="cus-bot-section" Width="100%"></asp:TextBox>

            </td>

        </tr>
    </table>

        </section>
              <script  runat="server">
                  Sub submit(sender As Object, e As EventArgs)


                  End Sub


</script>
        <asp:TextBox id="txt1" runat="server" />
<asp:Button OnClick="submit" Text="Submit" runat="server" />
<p><asp:Label id="lbl1" runat="server" /></p>
        </form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script>

$(document).ready(function(){
    $("input.submit").click(function(){
        var mohara = $("email")            
$() 
        $("table").toggle();
    });
});
</script> 

</body>
</html>

我应该使用外部类来完成它还是可以在文件 aspx 中完成它？

【问题讨论】：

标签： javascript c# asp.net vb.net

【解决方案1】：

首先，您似乎想用 C# 编写代码，但实际上项目是用 VB 编写的（我可以从标题中看出），所以您可能想用 ASP.NET C# 打开项目。

现在的问题， aspx 文件背后的逻辑应该写在SampleDB.aspx.vb 里面（写在你文件的顶部：CodeBehind="SampleDB.aspx.vb"）。

（当您切换到 c# 时，文件将以 .cs 而不是 .vb 结尾，因为它将是用 c# 编写的类）

在 SampleDB.aspx.vb 中，您将能够使用其 ID 访问 TextBox，因此假设这是 TextBox：

<asp:TextBox ID="EmailTextBox" runat="server" CssClass="cus-bot-section"></asp:TextBox>

您可以通过写String text = EmailTextBox.Text;来获取其中的文字

在该课程中，您还应该访问您的数据库。（它被称为CodeBehind 是有原因的：）它是视图背后的代码）。

我建议创建一个新的静态类来处理与数据库的连接，然后无论您想在哪里使用它，都可以从后面的代码中调用正确的函数。

希望我能帮上忙:)

【讨论】：

成功了！您知道如何将该字符串传递给 SQL 数据库吗？例如：SQL 上名为 firstName 的列的字符串名称
@LUCASMSANTOS 我很高兴它成功了 :)，请阅读有关在 C# 中实现对 SQL 数据库的访问的教程（例如使用这个命名空间：System.Data.SqlClient），它们有很多教程在网络上:)