blocks|key|20666|text|带有电子邮件文本框的简单ASP.NET+MVC订阅表单将像这样实现：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|20667|模型|20668|表单中的数据映射到此模型|20669|public+class+SubscribeModel
{
++++[Required]
++++public+string+Email+{+get;+set;+}
}|code-block|syntax|javascript|20670|视图|20671|视图名称应与控制器方法名称匹配。|20672|@model+App.Models.SubscribeModel

@using+(Html.BeginForm("Subscribe",+"Home",+FormMethod.Post))
{
++++@Html.TextBoxFor(model+=>+model.Email)
++++@Html.ValidationMessageFor(model+=>+model.Email)
++++<button+type="submit">Subscribe</button>
}|20673|控制器|20674|控制器负责请求处理和返回正确的响应视图。|20675|public+class+HomeController+:+Controller
{
++++public+ActionResult+Index()
++++{
++++++++return+View();
++++}

++++[HttpPost]
++++public+ActionResult+Subscribe(SubscribeModel+model)
++++{
++++++++if+(ModelState.IsValid)
++++++++{
++++++++++++//TODO:+SubscribeUser(model.Email);
++++++++}

++++++++return+View("Index",+model);
++++}
}|20676|这是我的项目结构。请注意，“主页”视图文件夹与HomeController名称匹配。|20677|​|20678|📷|atomic|offset|length|20679|20680|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/4f23bc7d0fbe06d6f710285e6357e631.png|imageAlt^0|0|0|0|0|0|0|0|0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|1F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1G|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1H|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|1I|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|1J|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|1K|8|@]|9|@]|A|$]]|$1|O|3|P|5|H|7|1L|8|@]|9|@]|A|$I|J]]|$1|Q|3|R|5|6|7|1M|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1N|8|@]|9|@]|A|$]]|$1|U|3|V|5|H|7|1O|8|@]|9|@]|A|$I|J]]|$1|W|3|X|5|6|7|1P|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|10|3|11|5|12|7|1R|8|@]|9|@$13|1S|14|1T|1|1U]]|A|$]]|$1|15|3|Z|5|6|7|1V|8|@]|9|@]|A|$]]|$1|16|3|-4|5|6|7|1W|8|@]|9|@]|A|$]]]|17|$18|$5|19|1A|1B|A|$1C|1D|1E|-4]]]]

<p>Simple ASP.NET MVC subscription form with email textbox would be implemented like that:</p>

<h2>Model</h2>

<p>The data from the form is mapped to this model</p>

<pre><code>public class SubscribeModel
{
    [Required]
    public string Email { get; set; }
}
</code></pre>

<h2>View</h2>

<p>View name should match controller method name.</p>

<pre><code>@model App.Models.SubscribeModel

@using (Html.BeginForm("Subscribe", "Home", FormMethod.Post))
{
    @Html.TextBoxFor(model =&gt; model.Email)
    @Html.ValidationMessageFor(model =&gt; model.Email)
    &lt;button type="submit"&gt;Subscribe&lt;/button&gt;
}
</code></pre>

<h2>Controller</h2>

<p>Controller is responsible for request processing and returning proper response view.</p>

<pre><code>public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Subscribe(SubscribeModel model)
    {
        if (ModelState.IsValid)
        {
            //TODO: SubscribeUser(model.Email);
        }

        return View("Index", model);
    }
}
</code></pre>

<p>Here is my project structure. Please notice, "Home" views folder matches HomeController name.</p>

<p><a href="https://i.stack.imgur.com/AMHPm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/AMHPm.png" alt="ASP.NET MVC structure"></a></p>


blocks|key|237104|text|您可以使用jQuery：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|237105|<input+type="text"+name="IP"+id="IP"+value=""/>
@Html.ActionLink(@Resource.ButtonTitleAdd,+"Add",+"Configure",+new+{+ipValue+="xxx",+TypeId+=+"1"+},+new+{@class+=+"link"})

<script>
++$(function+()+{
++++$('.link').click(function+()+{
++++++var+ipvalue+=+$("#IP").val();
++++++this.href+=+this.href.replace("xxx",+ipvalue);
++++});
++});
</script>|code-block|syntax|javascript|237106|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You may use jQuery:</p>

<pre><code>&lt;input type="text" name="IP" id="IP" value=""/&gt;
@Html.ActionLink(@Resource.ButtonTitleAdd, "Add", "Configure", new { ipValue ="xxx", TypeId = "1" }, new {@class = "link"})

&lt;script&gt;
  $(function () {
    $('.link').click(function () {
      var ipvalue = $("#IP").val();
      this.href = this.href.replace("xxx", ipvalue);
    });
  });
&lt;/script&gt;
</code></pre>


blocks|key|20780|text|你可以做的很简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|20781|首先:例如，在模型中，您可以使用此实现的User.cs|20782|public+class+User
+{
+++public+string+username+{+get;+set;+}
+++public+string+age+{+get;+set;+}
+}+|code-block|syntax|javascript|20783|我们将空模型传递给用户-当用户像这样提交表单时，这个模型将填充用户的数据|20784|public+ActionResult+Add()
{
++var+model+=+new+User();
++return+View(model);
}|20785|当您返回View+by+empty+User作为模型时，它将映射到您实现的表单的结构。我们在HTML端有这样的代码：|20786|@model+MyApp.Models.Student
@using+(Html.BeginForm())+
+{
++++@Html.AntiForgeryToken()

++++<div+class="form-horizontal">
++++++++<h4>Student</h4>
++++++++<hr+/>
++++++++@Html.ValidationSummary(true,+"",+new+{+@class+=+"text-danger"+})
++++++++<div+class="form-group">
++++++++++++@Html.LabelFor(model+=>+model.username,+htmlAttributes:+new+{+
+++++++++++++++++++++++++++@class+=+"control-label+col-md-2"+})
++++++++++++<div+class="col-md-10">
+++++++++++++++++@Html.EditorFor(model+=>+model.username,+new+{+
+++++++++++++++++++++++++++++++++htmlAttributes+=+new+{+@class+=+"form-
+++++++++++++++++++++++++++++++++control"+}+})
+++++++++++++++++@Html.ValidationMessageFor(model+=>+model.userame,+"",+
++++++++++++++++++++++++++++++++++++++++++++new+{+@class+=+"text-danger"+})
++++++++++++</div>
++++++++</div>

++++++++<div+class="form-group">
++++++++++++@Html.LabelFor(model+=>+model.age,+htmlAttributes:+new+{+@class+
+++++++++++++++++++++++++++=+"control-label+col-md-2"+})
++++++++++++<div+class="col-md-10">
++++++++++++++++@Html.EditorFor(model+=>+model.age,+new+{+htmlAttributes+=+
++++++++++++++++++++++++++++++++new+{+@class+=+"form-control"+}+})
++++++++++++++++@Html.ValidationMessageFor(model+=>+model.age,+"",+new+{+
+++++++++++++++++++++++++++++++++++++++++++@class+=+"text-danger"+})
++++++++++++</div>
++++++++</div>
++++++++<div+class="form-group">
++++++++++++<div+class="col-md-offset-2+col-md-10">
++++++++++++++++<input+type="submit"+value="Create"+class="btn+btn-default"+
+++++++++++++++++/>
++++++++++++</div>
++++++++</div>
+++</div>
}|20787|所以在提交按钮上，你可以像这样使用它|20788|[HttpPost]
public+ActionResult+Add(User+user)
+{
+++//+now+user.username+has+the+value+that+user+entered+on+form
+}|20789|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

<p>you can do it so simple:</p>

<p>First: For Example in Models you have User.cs with this implementation</p>

<pre><code>public class User
 {
   public string username { get; set; }
   public string age { get; set; }
 } 
</code></pre>

<p>We are passing the empty model to user – This model would be filled with user’s data when he submits the form like this</p>

<pre><code>public ActionResult Add()
{
  var model = new User();
  return View(model);
}
</code></pre>

<p>When you return the View by empty User as model, it maps with the structure of the form that you implemented. We have this on HTML side:</p>

<pre><code>@model MyApp.Models.Student
@using (Html.BeginForm()) 
 {
    @Html.AntiForgeryToken()

    &lt;div class="form-horizontal"&gt;
        &lt;h4&gt;Student&lt;/h4&gt;
        &lt;hr /&gt;
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        &lt;div class="form-group"&gt;
            @Html.LabelFor(model =&gt; model.username, htmlAttributes: new { 
                           @class = "control-label col-md-2" })
            &lt;div class="col-md-10"&gt;
                 @Html.EditorFor(model =&gt; model.username, new { 
                                 htmlAttributes = new { @class = "form-
                                 control" } })
                 @Html.ValidationMessageFor(model =&gt; model.userame, "", 
                                            new { @class = "text-danger" })
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;div class="form-group"&gt;
            @Html.LabelFor(model =&gt; model.age, htmlAttributes: new { @class 
                           = "control-label col-md-2" })
            &lt;div class="col-md-10"&gt;
                @Html.EditorFor(model =&gt; model.age, new { htmlAttributes = 
                                new { @class = "form-control" } })
                @Html.ValidationMessageFor(model =&gt; model.age, "", new { 
                                           @class = "text-danger" })
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="form-group"&gt;
            &lt;div class="col-md-offset-2 col-md-10"&gt;
                &lt;input type="submit" value="Create" class="btn btn-default" 
                 /&gt;
            &lt;/div&gt;
        &lt;/div&gt;
   &lt;/div&gt;
}
</code></pre>

<p>So on button submit you will use it like this</p>

<pre><code>[HttpPost]
public ActionResult Add(User user)
 {
   // now user.username has the value that user entered on form
 }
</code></pre>


<p>I have a textbox input and some radio buttons. For example my textbox input HTML looks like that:</p>

<pre><code>&lt;input type="text" name="IP" id="IP" /&gt;
</code></pre>

<p>Once user clicks a button on a web page I want to pass data to my controller:</p>

<pre><code>&lt;input type="button" name="Add" value="@Resource.ButtonTitleAdd"  onclick="location.href='@Url.Action("Add", "Configure", new { ipValue =@[ValueOfTextBox], TypeId = 1 })'"/&gt;
</code></pre>

<p>Maybe it is trivial but my problem is that I do not know how to get textbox value and pass it through to the controller. How can I read the textbox value and pass it to the controller through <code>ipValue=@[ValueOfTextBox]</code>?</p>


ASP.NET MVC get textbox input value

jQuery

我有一个文本框输入和一些单选按钮。例如，我的文本框输入HTML如下所示：<input type="text" name="IP" id="IP" />一旦用户点击了网页上的一个按钮，我就想把数据传递给我的控制器：<input type="button" name="Add" value="@Resource.Butto...

问ASP.NET MVC获取文本框输入值
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ASP.NET MVC获取文本框输入值EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ASP.NET MVC获取文本框输入值
EN