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

Question

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

这是3个字段的代码：

<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 Validate的图片。默认情况下，jQuery Validate只是在字段旁边插入文本。

您显示的弹出窗口是根据您的浏览器进行的HTML5验证。这只是意味着您的JavaScript / jQuery验证无论出于何种原因都无法正常工作。