jQuery Validate插件是JörnZaefferer的jQuery插件。其目的是对用户输入的数据执行客户端表单验证。
我正在尝试使用jquery验证，但由于某种原因没有显示错误消息，即使我尝试遵循各种示例： 我正在尝试使用 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”。 可以两者兼得吗？ 仅供参考 - 如果您使用 Unobtrusive Validation 插件，那么它会自动构造 .validate() 方法。您不能简单地提供自己的 .validate() 实例，因为它会被忽略。该插件仅设计用于在任何特定表单上处理 .validate() 一次，所有后续实例始终被忽略。 只要改变一个功能，问题就解决了:-) function submit() { if (!$("#paaForm").valid()){ return false; } ... return true; } 您应该如下更改您的代码。您需要通过下面的 jquery 插件授予显示错误消息的访问权限。默认验证集 debug: false。将其设置为 true。 $("#paaForm").validate({ debug: true }); 这应该对你有用。有关 jquery 验证的更多信息单击此处。祝你好运！
我正在为我的注册表单使用 Jquery 验证插件。仅当填写了公司字段时，用户才应输入意大利增值税号，否则应填写 CF 字段。 在...
假设我有一个可以查找城市、州位置的表格。如果用户输入了错误的城市、州，我希望表单能够根据用户输入检查数据库，并查看输入是否为
bassistance jquery 验证插件出现问题，表单无效时提交
我似乎找不到任何评论我在尝试使用 bassistance jquery 验证插件时的行为。 我在 VB.net 工作（我知道，我知道） 反正我有几个
jquery 中 EIN 号码和 SSN 号码格式的正则表达式
对于 jquery 验证，我需要 SSN 号码格式和 EIN 号码格式的正则表达式 EIN 号码如 52-4352452 SSN 号码，例如 555-55-5555
我正在使用下面的代码 $(函数() { $("#myForm").validate({ 规则：{ 经验： { 要求：真实， 正则表达式：'^[0-9]$' } ...
尝试实现jquery验证，因为我需要能够验证隐藏的输入。 我在文档中初始化了插件，但在提交时，我收到以下错误： 未捕获的类型错误：
我正在尝试禁用输入表单中的印地文字符，因为这些字符在我的pdf文档中没有正确显示。 我尝试用这个 我正在尝试禁用输入表单中的印地文字符，因为这些字符在我的 pdf 文档中没有正确显示。 我尝试使用这个 <input type="text" name="username" id="username" placeholder="User Name*" maxlength="30" onkeypress="return /[a-zA-Z ]/i.test(event.key)" required> 上面的输入字段允许在桌面上使用 A 到 Z 字符和空格 ( ) 并按预期工作，但如果我尝试使用移动设备并尝试使用谷歌印度语键盘输入，它也允许我不想允许的印地语字符. 根据this，按键事件已被弃用，并且在 Chrome 移动设备中不受支持。尝试移动设备上的 onkeyup 活动。
如何从 validate() 或 valid() 触发我的自定义验证方法
我可以通过调用 $form.validate() 和 $form.valid() 来验证我的表单。因此，大概这些函数会在提交表单时自动调用。 但我的问题是：如果我有一个自定义的有效...
我有一个 ASP.NET Core Razor Pages 应用程序，其中的页面需要一些自定义验证。我希望使用自定义 JavaScript 在客户端上运行此验证。 我怎样才能确保我的验证...
我正在使用 jQuery Validation 的远程方法来检查系统中是否已存在用户名。如果用户存在，脚本 does_user_exist.php 返回 1。 $registration.find(".用户名")...
我在 .net/MVC 项目中使用 jQuery 验证插件时遇到了一些问题。验证通常工作得很好，提交时出现问题：我希望表单不是
我正在使用 boostrap 5 浮动标签代码片段并使用 jquery 验证，但是当显示错误消息时，它与两个标签冲突。 请参阅给定的屏幕截图： 我的代码是： 我正在使用 boostrap 5 浮动标签代码片段并使用 jquery 验证，但是当显示错误消息时，它与两个标签冲突。 参见给定的屏幕截图： 我的代码是： <div class="form-floating mb-3"> <input type="text" class="form-control" placeholder="Name" name="name" required> <label>Name</label> </div> 我想像这样在引导类中添加（is-invalid），同时出现错误并在输入框下方显示错误消息 <div class="invalid-feedback"> Please enter Name </div> 如何将其与带有引导浮动标签表单的 jquery 验证脚本一起使用。 用简单的脚本修复了这个问题。我在下面创建了一个片段： $(document).ready(function() { $("#my_form").validate({ rules: { name : { required: true } }, messages : { name: "Please enter Name" }, errorElement: "div", errorPlacement: function ( error, element ) { error.addClass( "invalid-feedback" ); error.insertAfter( element ); }, highlight: function(element) { $(element).removeClass('is-valid').addClass('is-invalid'); }, unhighlight: function(element) { $(element).removeClass('is-invalid').addClass('is-valid'); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <div class="container"> <div class="row"> <div class="col"></div> <div class="col-6"> <form action="" id="my_form" method="post"> <div class="form-floating mb-3"> <input type="text" class="form-control" placeholder="Name" name="name"> <label>Name</label> </div> <div class="col-12"> <button type="submit" class="btn btn-primary xp-submit-btn">Submit</button> </div> </form> </div> <div class="col"></div> </div> </div> 您只需将 invalid-feedback 包含在 form-floating 元素内即可。就这样。它内置于引导程序中。 const $form = document.querySelector('#my-form'); $form.addEventListener('submit', (event) => { if (!$form.checkValidity()) { event.preventDefault(); event.stopPropagation(); } $form.classList.add('was-validated'); }, false); <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/> <div class="container mt-4"> <form id="my-form" class="needs-validation" novalidate> <div class="form-floating mb-3"> <input type="text" class="form-control" placeholder="Name" name="name" required> <label>Name</label> <div class="invalid-feedback">Please enter Name</div> </div> <button class="btn btn-primary" type="submit">Submit form</button> </form> </div>
我想使用 jQuery 的验证插件来验证只接受字母字符的字段，但似乎没有明确的规则。我搜索过谷歌但我发现没有......
我想验证电话号码，例如 (123) 456-7890 或 1234567890 下面的代码中的“匹配”条件应该如何写？ 表单.验证({ 规则：{ 电话号码：{matc...
我正在使用 Google Places API 和 jQuery 验证构建表单。我有一个供用户填写地址的字段，我需要强制他从 Google Places API 建议中选择一个地址...
如何使用 jQuery 验证插件来验证具有此特定约束的表单？ [重复]
我对 jQuery 很陌生，我有以下与表单验证相关的问题。 所以我认为不要自己编写验证器，而是使用 jQuery 验证插件，这个：http://
无法使用 jQuery 中的远程方法从 NodeJS 服务器获取响应
我正在制作注册页面。我想使用 jQuery 验证来验证输入电子邮件。服务器是用 NodeJS 编写的（使用 ExpressJS）。当我退出电子邮件输入时，它应该会让我一团糟......
我如何设置我的验证器，以便每当更改此表单上任何输入的值时它都会检查表单上的所有字段。我试过了 $("#form-user-edit").validate({ 按键：真 ...
jQuery 验证器 - 无法调用未定义错误的方法“call” - 动态添加验证时
这是我动态更新 jQuery 验证的代码。在文档加载中我创建验证。此代码用于动态更新电话号码验证。应用此验证后...