html – ASP.NET MVC5 textarea没有勾画出红色的验证错误

概述我正在使用带有Bootstrap的ASP.NET MVC5,并在Razor视图中提供以下联系表单… @using (Html.BeginForm("Contact", "Home", FormMethod.Post, new {role = "form"})) {<div class="form-group">@Html.LabelFor(model => model.theirname)@ 我正在使用带有bootstrap的ASP.NET MVC5,并在Razor视图中提供以下联系表单…

@using (HTML.BeginForm("Contact","Home",FormMethod.Post,new {role = "form"})) {<div >@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"  /></div></div>}

如果用户单击提交按钮而不填写其姓名或电子邮件地址,则会正确显示验证消息,并将文本框概述为红色.

但是,textarea没有被概述,虽然验证消息显示…

这是生成的HTML …

<form action="/Home/Contact" method="post" role="form"><div ><label for="theirname">Your name</label><input  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  data-valmsg-for="theirname" data-valmsg-replace="false">You must enter your name</span></div><label for="theiremail">Your email</label><input  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  data-valmsg-for="theiremail" data-valmsg-replace="false">You must enter your email address</span></div><label for="message">Message</label><textarea  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  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"  /></div></div></form>

任何人有什么想法为什么textarea没有被概述在红色？

解决方法 推测bootstrap不包含无效textarea元素的样式规则.您可以通过在样式表中添加以下内容来修复它：

textarea.input-valIDation-error {      border-color: red; }

总结

以上是内存溢出为你收集整理的html – ASP.NET MVC5 textarea没有勾画出红色的验证错误全部内容，希望文章能够帮你解决html – ASP.NET MVC5 textarea没有勾画出红色的验证错误所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。