jquery 验证不显示错误信息

Question

我搜索过类似的问题，但没有找到任何快乐的地方。就其在发送函数中的逻辑而言，验证有效，但验证元素之后的跨度在无效时不显示错误消息。我什至尝试过传入 errorPlacement，但唯一可行的是如果我专门将其设置为

$("#msgvalid").text($("#msg").attr("data-val-required"));

相关的html是

<form id="frmSend" style="margin-top:15px">
Add Comment:
<div>
<textarea id="msg" data-val="true" data-val-required="The comment cannot be blank." placeholder="Enter comment here" style="height:50px;width:300px"></textarea>
<span id="msgvalid" class="field-validation-valid text-danger" data-valmsg-for="msg" data-valmsg-replace="true"></span>
</div>
<button type="button" onclick="send();" class="btn-default" style="margin-top:10px">Send Comment</button>
</form>
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/respond.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

相关的javascript是

<script type="text/javascript">
function send() {
$("#frmSend").validate();
if (!$("#frmSend").valid()) { return false; }
alert("Would send");
}
</script>

Answer 1

您必须在考虑验证的每个输入元素上有一个 name 属性...

Documentation:

The name attribute is "required" for input elements, the validation plugin doesn't work without it.

jquery 验证不显示错误信息

jquery validate does not show error message

jquery

jquery-validate

unobtrusive-validation