jQuery非侵入式验证在html表上不起作用-代码输入
jQuery 非侵入式验证通常是通过 jQuery Validation 插件来实现的，它允许你在不修改 HTML 表单的情况下添加验证逻辑。如果你发现 jQuery 非侵入式验证在 HTML 表单上不起作用，可能是以下几个原因：
基础概念
jQuery Validation 插件是一个常用于客户端表单验证的 jQuery 插件。它通过添加方法到表单元素来验证输入，并提供自定义的错误消息。
可能的原因及解决方法
- jQuery 或 jQuery Validation 未正确加载 确保在你的 HTML 文件中正确引入了 jQuery 库和 jQuery Validation 插件。通常，你需要按照以下顺序引入：
- jQuery 或 jQuery Validation 未正确加载 确保在你的 HTML 文件中正确引入了 jQuery 库和 jQuery Validation 插件。通常，你需要按照以下顺序引入：
- 验证规则未正确设置 确保你已经为需要验证的表单元素设置了正确的验证规则。例如：
- 验证规则未正确设置 确保你已经为需要验证的表单元素设置了正确的验证规则。例如：
- 表单提交事件未正确处理 确保你的表单提交事件被正确处理，以便在验证失败时阻止表单提交。例如：
- 表单提交事件未正确处理 确保你的表单提交事件被正确处理，以便在验证失败时阻止表单提交。例如：
- HTML 表单元素缺少
name属性 jQuery Validation 插件使用表单元素的name属性来识别和验证字段。确保你的表单元素都有name属性。例如： - HTML 表单元素缺少
name属性 jQuery Validation 插件使用表单元素的name属性来识别和验证字段。确保你的表单元素都有name属性。例如：
示例代码
以下是一个完整的示例，展示了如何使用 jQuery Validation 插件进行非侵入式验证：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Validation Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>
</head>
<body>
<form id="myForm">
<label for="email">Email:</label>
<input type="text" id="email" name="email" />
<br/>
<label for="password">Password:</label>
<input type="password" id="password" name="password" />
<br/>
<button type="submit">Submit</button>
</form>
<script>
$(document).ready(function() {
$("#myForm").validate({
rules: {
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 5
}
},
messages: {
email: {
required: "Please enter your email",
email: "Please enter a valid email"
},
password: {
required: "Please enter your password",
minlength: "Your password must be at least 5 characters"
}
}
});
});
</script>
</body>
</html>参考链接
通过以上步骤，你应该能够解决 jQuery 非侵入式验证在 HTML 表单上不起作用的问题。如果问题仍然存在，请检查浏览器的控制台是否有任何错误信息，并根据错误信息进行进一步的调试。
相关·内容
在这里查看我的codepen：https://codepen.io/jquerypain121/pen/rNxgJgV 我试图让表中的字段也被验证后提交的表单。表中的字段是在我的视图中生成的，代码如下： <td>
@Html.DropDownListFor(m => m.Patient.Right</td> 即来自Diction
浏览 15提问于2020-07-29得票数 0
有没有什么模式可以使用Asp.Net核心客户端验证而不使用jquery + jquery验证+ jq非侵入式验证？我的意思是，现在是2017年，每个浏览器都可以在没有JavaScript的情况下处理大量的HTML5输入验证器。
浏览 3提问于2017-04-01得票数 8
我一直在研究MVC3的非侵入性验证。像这样的属性附加到表单输入元素：data-val-range-max="10" //range max value
data-val-range-min="1" /
浏览 2提问于2011-08-08得票数 2
回答已采纳
1回答
在中-通过不显眼的JavaScript和jQuery支持改进了模型验证。问:在与客户端验证相关的MVC3中到底有哪些改进？
浏览 0提问于2013-06-27得票数 0
回答已采纳
2回答
我正在尝试实现我在这里读到的复选框验证码：jQuery(document).ready(function (jQuery) {
浏览 0提问于2013-05-02得票数 1
回答已采纳
我有一个非常简单的联系人表单，其中的字段如下： First Name<em>*</em></label>$(function(){
$("#contactForm").validate(看起来很疯狂的是
浏览 3提问于2011-12-02得票数 3
回答已采纳
我被ASP.NET MVC3 jQuery不显眼的验证消息本地化所困扰。具体地说是"number“验证。如果我在模型中有一个number属性，输入html是用data-val-number属性呈现的，属性值为"The field Quantity be a number“。如何本地化这个字符串。但是对于数字验证，我不需要指定任何属性。
那么，如何通过非侵入性验证生成本地化验证消息
浏览 1提问于2011-03-11得票数 5
回答已采纳
1回答
快把我逼疯了……验证未触发。我已经使用dbFirst实体框架创建了模型，并在事后添加了所需的数据注释。<h2>Please enter your card number below to validate</h2> @using (Html.BeginForm())
{@Html.ValidationSummary(true
浏览 3提问于2015-01-09得票数 0
我正在尝试用我的jeditable插件实现jquery验证。由于jeditable对我来说有些陌生，我想我应该添加try using我在论坛上找到的代码。这是我的原始代码，除了验证之外，它工作得很好。/Scripts/jquery.jeditable.js" type="text/javascript"></script>
<script src="../
浏览 1提问于2013-02-06得票数 0
我有一个使用客户端非侵入性验证的ASP.NET MVC登录表单。@Html.TextBoxFor(m => m.UserName, new { type = "email" })
现在，我
浏览 0提问于2012-11-29得票数 4
回答已采纳
我一直有一个问题，我的ASP.NET网页表单页面的非侵入性验证在客户站点上不起作用。然而，在我的VS2012中，这是可行的。除了验证不起作用这一事实(即，需要字段验证被忽略并且空字段不会停止提交表单)之外，另一种表现形式如下。当我在IE 11开发人员工具(DT) ->网络中运行页面时，ScriptResource.axd没有加载。也就是说，在DT中有3行带有ScriptRes
浏览 0提问于2014-11-18得票数 0
4回答
我需要验证3个或更多的输入字段(至少需要一个)。例如，我有电子邮件、传真、电话。
我需要至少填写一个。我需要服务器和客户端的‘非侵入性验证’。请帮帮忙。
浏览 3提问于2011-04-28得票数 44
回答已采纳
2回答
我注意到，在登录视图中，当用户输入其电子邮件地址并快速切换到password字段时，将触发MVC3 required属性验证。我的代码很大，但我可以用一个非常简单的页面来重现它。如果你聚焦一个，并按下任何没有输入任何字符的键(例如，Shift，Esc等)，所需的验证触发，我得到我的错误消息，指出该字段是必填的，即使我还没有输入任何内容。有没有人知道如何防止这个早期验证触发？
浏览 14提问于2013-01-09得票数 0
我读了很多关于非侵入性验证的文章。我正在尝试理解visual studio在空的MVC3模板中提供的内容和包含jquery.unobtrusive js文件之间的区别(如果有的话)。目前，我在源代码中的输入是这样的
<input class="input-validation-error" data-val="true" data-val-required="The Surnamefiel
浏览 1提问于2012-05-24得票数 1
回答已采纳
3回答
为什么@Html.TextBoxFor和其他帮助器会跳过jquery.validation属性并创建没有这些属性的元素？我是不是遗漏了一些参考资料或什么？它是MVC 3.0项目。如果我像这样手动添加它们： new { data_val="true", data_val_required="Need thatfield" })
然后，不显眼的验证就会起作用。更新:在we
浏览 0提问于2013-04-12得票数 0
回答已采纳
1回答
我使用的是jQuery非侵入式验证，在提交表单之前我想做几件事。我不想在成功验证后回发表单，而是希望向用户显示一条成功消息，并重置相同的表单以添加其他数据。在下面的代码中，它向我展示了只有当表单无效时才会发出警报，如果表单有效，它只会执行回发。
<script src="~/S
浏览 2提问于2014-06-27得票数 1
回答已采纳
我一直在检查4.5版中Web表单的一些新特性，但在不显眼的验证方面遇到了障碍。WebForms4.5中的非侵入性验证依赖于jQuery，当它被启用时，将在页面主体中的服务器表单内产生一个jQuery脚本引用。这听起来很棒，而且我喜欢这个概念。在我看过的演示中，它工作得很好，代码的减少/清理是一件很漂亮的事情。
然而，当我在已经存在的项目中启用它时，我遇到了问题。问题是我有无数的页面和应用程序使用jQ
浏览 2提问于2012-08-22得票数 5
3回答
Ajax登录动态弹出对话框
、、、、
不幸的是，我发现有很多相互矛盾的信息，并且在正确的方式上没有真正的共识，在MVC3兼容的，不引人注目的Ajax的某种方式。我当然可以将一些“有效”的东西组合在一起，但我更愿意通过框架来实现它。该站点允许经过身份验证的用户和未经身份验证的用户。因此，我希望在用户单击Login链接时有一个动态ajax弹出窗口。
这将转到控制器，并拉回登录对话框的HTML。然后，它应该显示在jquery ui弹出对话框中，当用户输入他们的信息时，它应该将他们重定向到&quo
浏览 7提问于2012-02-01得票数 3
回答已采纳
我有一个jquery应用程序，它使用asp.net非侵入性验证。我想在如下所述生成的表单上使用Html.ValidationSummary。然后，我将div的html设置为ajax调用结果。return PartialView("_MyPartialView", model);PartialView是一个普通老式*.cshtml页面，它生成一个表单，如下所示，在这个表单上，我有一个(不起作用的) ValidationSummary和一堆
浏览 6提问于2017-08-16得票数 0
回答已采纳
3回答
有了必填字段，我就可以提交表单，而不需要输入数据。 <p>
Dim Item As New ScriptResourceDef
浏览 0提问于2013-09-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
