我正在使用带有Bootstrap的ASP.NET MVC5,并在Razor视图中提供以下联系表单…
@using (Html.BeginForm("Contact","Home",FormMethod.Post,new {role = "form"})) { <div class="form-group"> @Html.LabelFor(model => model.theirname) @Html.TextBoxFor(model => model.theirname,new {@class = "form-control",placeholder = "Enter your name"}) <div>@Html.ValidationMessageFor(model => model.theirname,"You must enter your name")</div> @Html.LabelFor(model => model.theiremail) @Html.TextBoxFor(model => model.theiremail,placeholder = "Enter your email"}) <div>@Html.ValidationMessageFor(model => model.theiremail,"You must enter your email address")</div> @Html.LabelFor(model => model.message) @Html.TextAreaFor(model => model.message,placeholder = "Enter message",cols = 40,rows = 5}) <div>@Html.ValidationMessageFor(model => model.message,"You must enter a message")</div> <input type="checkBox" id="copytome" name="copytome" checked="@Model.copytome" /> <label for="copytome">Send me a copy of the message</label> <div><input type="submit" value="Send" class="btn btn-default" /></div> </div> }
如果用户单击提交按钮而不填写其姓名或电子邮件地址,则会正确显示验证消息,并将文本框概述为红色.
但是,textarea没有被概述,虽然验证消息显示…
这是生成的HTML …
<form action="/Home/Contact" method="post" role="form"> <div class="form-group"> <label for="theirname">Your name</label> <input class="input-validation-error form-control" data-val="true" data-val-required="The Your name field is required." id="theirname" name="theirname" placeholder="Enter your name" type="text" value="" /> <div><span class="field-validation-error" data-valmsg-for="theirname" data-valmsg-replace="false">You must enter your name</span></div> <label for="theiremail">Your email</label> <input class="input-validation-error form-control" data-val="true" data-val-required="The Your email field is required." id="theiremail" name="theiremail" placeholder="Enter your email" type="text" value="" /> <div><span class="field-validation-error" data-valmsg-for="theiremail" data-valmsg-replace="false">You must enter your email address</span></div> <label for="message">Message</label> <textarea class="input-validation-error form-control" cols="40" data-val="true" data-val-required="The Message field is required." id="message" name="message" placeholder="Enter message" rows="5"> </textarea> <div><span class="field-validation-error" data-valmsg-for="message" data-valmsg-replace="false">You must enter a message</span></div> <input type="checkBox" id="copytome" name="copytome" /> <label for="copytome">Send me a copy of the message</label> <div><input type="submit" value="Send" class="btn btn-default" /></div> </div> </form>
任何人有什么想法为什么textarea没有被概述在红色?