mvc 5表单验证电子邮件地址消息窗口中的错误字段

Question

我正在使用MVC 5表单验证来验证表单上的电子邮件地址字段，但是弹出的消息窗口不在正确的字段上，请参见下面的内容：

​

​

这是三个字段的代码：

<input class="underlineBox text-box single-line filledIn" data-val="true" data-val-required="The Name field is required." id="Name" name="Name" placeholder="ex. Jon Doe" type="text" value="" data-com.agilebits.onepassword.user-edited="yes">

<input class="underlineBox text-box single-line filledIn" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="The Email field is required." id="Email" name="Email" placeholder="ex. jdoe@unkown.org" type="email" value="" data-com.agilebits.onepassword.user-edited="yes">

<textarea class="underlineBox text-box multi-line filledIn" data-val="true" data-val-required="The Message field is required." id="Message" name="Message" placeholder="ex. Hi Syd, I would like to start a project together." rows="5"></textarea>

有什么想法吗？

Answer 1

我使用MVC 5表单验证来验证表单上的电子邮件地址字段，但是弹出的消息窗口不在正确的字段上。

这不是jQuery验证的图片。默认情况下，jQuery验证只是在字段旁边插入文本。

您要显示的弹出是根据浏览器进行的HTML5验证。这仅仅意味着您的JavaScript/jQuery验证不起任何作用。