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

Question

我刚开始使用 razor 页面，我需要一些帮助来获取用户在提交时输入的 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>

My C#/backend code

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

}

Answer 1

我推荐msdn。

看这个例子就可以解决

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

Answer 2

您可以尝试将 userInput 更改为 inputURL。因为 .net 核心绑定模型 name.And 您可以将 private void OnPost() 更改为 public void OnPost()。所以它可以是 triggered.Here 是一个有效的演示：

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

结果：

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

How to capture the URL input and append it to a text box in razor pages?

c#

asp.net

razor

asp.net-core

razor-pages