StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POStrange MVC 4 validation behaviour when using DataType.EmailAddress
primarykey
Id
17668958
data
AcceptedAnswerId
17669274
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-07-16T05:50:53.827
FavoriteCount
0
LastActivityDate
2013-07-16T06:12:55.683
LastEditDate
2013-07-16T06:03:49.437
LastEditorUserId
1033472
OwnerUserId
1033472
ParentId
0
PostTypeId
1
Score
0
ViewCount
880
LastEditorDisplayName
text
Body
<p>I am using unobtrusive javascript and data annotations for my validation, and it works fine. I decided to decorate my view model properties with DataType attributes. For the most part this to is fine, with the exception of DataType.EmailAddress</p> <p>When I add this attribute, I suddenly get extra validation on this field, that renders a call out on the field, a bit like the validation call out in the Ajax Control toolkit. Only the style is different with a thick red boarder to the element being validated, and the callout is below. The call out also displays a message not specified in my view model. The regex I have for validation has an error message of “The email address you have entered is invalid” whereas the message in the callout is “You must enter a valid email address”. I have tried searching my solution for this text and it is not found. Finally the only scripts I have loaded are:</p> <pre><code><script src="/Public/javascript/jquery-1.9.1.js" type="text/javascript"></script> <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script> <script src="/Public/javascript/jquery.unobtrusive-ajax.js" type="text/javascript"></script> <script src="/Public/javascript/jquery.validate.js" type="text/javascript"></script> <script src="/Public/javascript/jquery.validate.unobtrusive.js" type="text/javascript"></script> </code></pre> <p>And css:</p> <pre><code><link href="/Public/themes/ui-darkness/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" type="text/css" /> <link href="/Content/PagedList.css" rel="stylesheet" type="text/css" /> <link href="/Public/css/reset.css" rel="stylesheet" type="text/css" /> </code></pre> <p>I am also using @Html.EditorFor to render all my fields throughout my view.</p> <p>Can anyone shed any light on what is happening? Where is this callout coming from? Can I disable it? Can I use it and have it on the rest of my fields? Should I just remove DataType.EmailAddress? </p>
Tags
<validation><asp.net-mvc-4><jquery-validate><data-annotations><unobtrusive-validation>
Title
Strange MVC 4 validation behaviour when using DataType.EmailAddress
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USMark Jones
UserOwnerUserId
1. USMark Jones
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.