j查询验证不显示任何错误消息

Question

我正在尝试使用 jquery 验证，但由于某种原因没有显示错误消息，即使我尝试遵循各种示例：

<form action="/" id="paaForm" method="post">
<input type="text" name="testMe" id="testMe" />
<button id="btnSubmit" type="button" value="Save" class="btn btn-default" />

jquery：

$(function () {
$("#paaForm").validate({
rules: {
testMe: {
required: true
},
...
$('#btnSubmit').on('click', submit);
...
function submit() {
if (!$("#paaForm").valid()) {
return;
}
...

编辑：

我必须添加更多信息。我的应用程序是一个 MVC 应用程序，因此它像这样使用捆绑：

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.validate*"));

这样，基于模型属性的 MVC 验证就可以完美运行。但是我需要更复杂的验证，这就是我添加简单的jquery验证的原因。正如我上面提到的，它不起作用。但是如果我用这个代替捆绑，

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.validate.js"));

jquery 验证有效，但 MVC 验证不起作用，因为我排除 "~/Scripts/jquery.validate.unobtrusive.js"。 是否有可能使两者同时工作？

Answer 1

仅供参考 - 如果您使用的是不显眼的验证插件，那么它会自动构造.validate()方法。您不能简单地提供自己的.validate()实例，因为它将被忽略。该插件仅设计为在任何特定表单上处理一次.validate()并且始终忽略所有后续实例。

Answer 2

您应该按如下方式更改代码。您需要通过下面的jquery插件授予显示错误消息的访问权限。默认验证集debug: false。将其设置为true.

$("#paaForm").validate(
debug: true
});

这应该适合您。有关 jquery 验证的更多信息，请单击此处。祝你好运！

Answer 3

只需更改一个函数，您的问题就会解决：-(

function submit() {
if (!$("#paaForm").valid()){
return false; 
} 
...
return true;
}