如何捕获 URL 输入并将其附加到剃须刀页面中的文本框？答案

【问题标题】：How to capture the URL input and append it to a text box in razor pages?如何捕获 URL 输入并将其附加到剃须刀页面中的文本框？
【发布时间】：2021-05-30 15:41:58
【问题描述】：

我刚开始使用剃须刀页面，我需要一些帮助来获取用户在提交时输入的 URL 并将其附加到本地文本文件。这是出于测试目的，我知道附加到文本文件并不常见。

这是我的 html/razor 页面

@page
@model UploadModel
@{
    ViewData["Title"] = "Upload a Link";
 }
 <h2>@ViewData["Title"]</h2>
 <h3>@Model.Message</h3>

 <form method="post">
   <div class="textBox">
       <input type="url" data-val="true" data-val-url="The Website field is not a valid fully- 
           qualified http, https, or ftp URL." id="input_URL" name="inputURL" value="" />
    <br />
    <button id="submit" type="submit" value="Submit" onclick="btnSubmit_Click()" 
      class="btn btn-primary" runat="server">Submit</button>
   </div>
 </form>

我的 C#/后端代码

   public class urlClass
{
    [BindProperty]
    public string userInput { get; set; }

    private void OnPost()//btnSubmit_Click(object sender, EventArgs e)
    {
        using (StreamWriter writerURL = new StreamWriter("log.txt"))
        {
            urlClass urlc = new urlClass();
            urlc.userInput = ;
            writerURL.WriteLine(urlc.userInput);
        }
    }
}

}

【问题讨论】：

你正在尝试重新发明轮子 :)
这是一个link，你可以试试。

标签： c# asp.net asp.net-core razor razor-pages

【解决方案1】：

我推荐msdn。

看这个例子就可以解决了。

https://docs.microsoft.com/ko-kr/aspnet/core/razor-pages/?view=aspnetcore-5.0&tabs=visual-studio

【讨论】：

是的，因为韩语最容易理解：D

【解决方案2】：

您可以尝试将userInput更改为inputURL。因为.net核心绑定模型名称。您可以将private void OnPost()更改为public void OnPost()。这样就可以触发它。这是一个工作演示：

cshtml:

<form method="post">
    <div class="textBox">
        <input type="url" data-val="true" data-val-url="The Website field is not a valid fully-
           qualified http, https, or ftp URL." id="input_URL" name="inputURL" value="" />
        <br />
        <button id="submit" type="submit" value="Submit" 
                class="btn btn-primary" runat="server">
            Submit
        </button>
    </div>
</form>

cshtml.cs:

[BindProperty]
        public string inputURL { get; set; }

        public void OnPost()//btnSubmit_Click(object sender, EventArgs e)
        {
            using (StreamWriter writerURL = new StreamWriter("log.txt"))
            {
                //urlClass urlc = new urlClass();
                //urlc.userInput = ;
                writerURL.WriteLine(inputURL);
            }
        }

结果：

【讨论】：