HTML, , , , . , , , , .
, HTML HTML-. HTML-, Html.TextBoxFor( =>x.Name) :
<inputdata-val="true"data-val-required=", "id="Name"name="Name"type="text"value="" />HTML-, , ( , Required Name GuestResponse):
<inputclass="input-validation-error"data-val="true"data-val-required=", "id="Name"name="Name"type="text"value="" />input input-validation-error. , , CSS , HTML.
, MVC, , CSS, Content. , PartyInvites SolutionExplorer, Add -->NewFolder ( --> ) Content .
CSS, Content, Add -->NewItem ( --> ) StyleSheet ( ) . Styles.css, :
Add VisualStudio Content/Styles.css. :
.field-validation-error {
color: #f00;
}
.field-validation-valid {
display: none;
}
.input-validation-error {
border: 1px solid #f00;
background-color: #fee;
}
.validation-summary-errors {
font-weight: bold;
color: #f00;
}
.validation-summary-valid {
display: none;
}
head RsvpForm, . link , HTML, , JavaScript CSS HTTP-.
|
|
@model PartyInvites.Models.GuestResponse
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="/>
<title>RsvpForm</title>
<link rel="stylesheet" type="text/css" href="~/Content/Styles.css" />
</head>
<!--... -->
JavaScript CSS Solution Explorer . VisualStudio script link .
MVC 5 MVC 3, , CSS href @Href("~/Content/Site.css") @Url.Content("~/Content/Site.css"). MVC 4, Razor , ~/ @Href @Url.
, , :
( , ), - . MVC , , Microsoft VisualStudio.
, , MVC 5 Bootstrap, CSS, Twitter .
, VisualStudio, Bootstrap. - NuGet, VisualStudio , .
NuGet , , , , Bootstrap NuGet jQuery, Bootstrap.