jquery-validate 相关问题

jQuery 仅在提交时验证规则

假设我有一个可以查找城市、州位置的表格。如果用户输入了错误的城市、州，我希望表单能够根据用户输入检查数据库，并查看输入是否为

bassistance jquery 验证插件出现问题，表单无效时提交

我似乎找不到任何评论我在尝试使用 bassistance jquery 验证插件时的行为。 我在 VB.net 工作（我知道，我知道） 反正我有几个

jquery 中 EIN 号码和 SSN 号码格式的正则表达式

对于 jquery 验证，我需要 SSN 号码格式和 EIN 号码格式的正则表达式 EIN 号码如 52-4352452 SSN 号码，例如 555-55-5555

正则表达式在 jquery 验证插件中不起作用

我正在使用下面的代码 $(函数() { $("#myForm").validate({ 规则：{ 经验： { 要求：真实， 正则表达式：'^[0-9]$' } ...

jquery 验证显示未捕获的类型错误

尝试实现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 验证远程的错误响应不起作用

我正在使用 jQuery Validation 的远程方法来检查系统中是否已存在用户名。如果用户存在，脚本 does_user_exist.php 返回 1。 $registration.find(".用户名")...

表单未通过 jQuery 验证提交

我在 .net/MVC 项目中使用 jQuery 验证插件时遇到了一些问题。验证通常工作得很好，提交时出现问题：我希望表单不是

boostrap浮动标签与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 验证插件：仅接受字母字符？

我想使用 jQuery 的验证插件来验证只接受字母字符的字段，但似乎没有明确的规则。我搜索过谷歌但我发现没有......

如何使用jQuery验证北美电话号码？

我想验证电话号码，例如 (123) 456-7890 或 1234567890 下面的代码中的“匹配”条件应该如何写？ 表单.验证({ 规则：{ 电话号码：{matc...

jQuery 验证自定义方法

我正在使用 Google Places API 和 jQuery 验证构建表单。我有一个供用户填写地址的字段，我需要强制他从 Google Places API 建议中选择一个地址...

如何使用 jQuery 验证插件来验证具有此特定约束的表单？ [重复]

我对 jQuery 很陌生，我有以下与表单验证相关的问题。 所以我认为不要自己编写验证器，而是使用 jQuery 验证插件，这个：http://

无法使用 jQuery 中的远程方法从 NodeJS 服务器获取响应

我正在制作注册页面。我想使用 jQuery 验证来验证输入电子邮件。服务器是用 NodeJS 编写的（使用 ExpressJS）。当我退出电子邮件输入时，它应该会让我一团糟......

JQuery 验证事件设置

我如何设置我的验证器，以便每当更改此表单上任何输入的值时它都会检查表单上的所有字段。我试过了 $("#form-user-edit").validate({ 按键：真 ...

jQuery 验证器 - 无法调用未定义错误的方法“call” - 动态添加验证时

这是我动态更新 jQuery 验证的代码。在文档加载中我创建验证。此代码用于动态更新电话号码验证。应用此验证后...

Ajax 提交之前的 jQuery 表单验证

JavaScript 位： $(文档).ready(函数() { $('#form').submit(函数(e) { e.preventDefault(); var $form = $(this); ...

jQuery 验证 - 无法读取动态表单上未定义的属性“设置”

我使用的是Wordpress，但这道题实际上是一个Jquery验证。 HTML 部分（此部分使用不同的 id 重复） ... 我使用的是Wordpress，但这道题实际上是一个Jquery验证。 HTML 部分（此部分有不同的 id 重复） <div class="product-col" id="row-4016"> <div class="sync-prod-image"><img src="image1.jpg"></div> <div class="product-meta"> <div class="poster-table" border="0" width="100%"> <form action="" id="meta-form-43825" class="poster-meta-form" novalidate="novalidate"> <div class="size-11x17 poster-tr meta-4018 meta-row-wrap"> <div width="15%"><span>11x17<input type="hidden" name="base_amount" id="base_amount-4018" value="8"></span></div> <input type="hidden" value="43826" class="meta_price_id" id="poster_price-4018" name="poster_price-4018"> <div width="15%"><span>8.00<input type="hidden" class="base-price" name="base_price" id="base_price-4018" value="8.00"></span></div> <div width="15%"><span><input type="number" class="size-sale-price tooltipstered" id="reg_price_4018" name="reg_price_4018" value="9.00" min="8" step="0.01" target="4018"></span></div> <div width="15%"> <span id="profit-4018" class="profit-tag">1.00</span> <input type="hidden" name="meta_target" id="meta_target-4018" value="43827"> </div> <div width="40%"> <input type="hidden" name="meta_price_id" value="43826"> <input type="hidden" name="regular_price_id" value="43827"> <input type="hidden" name="sale_price" value="9"> <input type="hidden" name="base_price" value="8"> <input type="submit" id="meta-submit-43827" name="meta-submit-43827" value="Update"> <img src="bx_loader.gif" alt="Processing Poster Update" id="loading-4018" class="loading"> <img src="success.png" alt="Poster Update Success" id="success-4018" class="success"> <img src="error.png" alt="Poster Update Success" id="error-4018" class="error"> </div> </div> </form> <form action="" id="meta-form-43832" class="poster-meta-form" novalidate="novalidate"> <div class="size-16x24 poster-tr meta-4019 meta-row-wrap"> <div width="15%"><span>16x24<input type="hidden" name="base_amount" id="base_amount-4019" value="9"></span></div> <input type="hidden" value="43833" class="meta_price_id" id="poster_price-4019" name="poster_price-4019"> <div width="15%"><span>9.00<input type="hidden" class="base-price" name="base_price" id="base_price-4019" value="9.00"></span></div> <div width="15%"><span><input type="number" class="size-sale-price tooltipstered" id="reg_price_4019" name="reg_price_4019" value="9.00" min="9" step="0.01" target="4019"></span></div> <div width="15%"> <span id="profit-4019" class="profit-tag">0.00</span> <input type="hidden" name="meta_target" id="meta_target-4019" value="43834"> </div> <div width="40%"> <input type="hidden" name="meta_price_id" value="43833"> <input type="hidden" name="regular_price_id" value="43834"> <input type="hidden" name="sale_price" value="9"> <input type="hidden" name="base_price" value="9"> <input type="submit" id="meta-submit-43834" name="meta-submit-43834" value="Update"> <img src="bx_loader.gif" alt="Processing Poster Update" id="loading-4019" class="loading"> <img src="success.png" alt="Poster Update Success" id="success-4019" class="success"> <img src="error.png" alt="Poster Update Success" id="error-4019" class="error"> </div> </div> </form> <form action="" id="meta-form-43839" class="poster-meta-form" novalidate="novalidate"> <div class="size-24x36 poster-tr meta-4020 meta-row-wrap"> <div width="15%"><span>24x36<input type="hidden" name="base_amount" id="base_amount-4020" value="12"></span></div> <input type="hidden" value="43840" class="meta_price_id" id="poster_price-4020" name="poster_price-4020"> <div width="15%"><span>12.00<input type="hidden" class="base-price" name="base_price" id="base_price-4020" value="12.00"></span></div> <div width="15%"><span><input type="number" class="size-sale-price tooltipstered" id="reg_price_4020" name="reg_price_4020" value="14.00" min="12" step="0.01" target="4020"></span></div> <div width="15%"> <span id="profit-4020" class="profit-tag">2.00</span> <input type="hidden" name="meta_target" id="meta_target-4020" value="43841"> </div> <div width="40%"> <input type="hidden" name="meta_price_id" value="43840"> <input type="hidden" name="regular_price_id" value="43841"> <input type="hidden" name="sale_price" value="14"> <input type="hidden" name="base_price" value="12"> <input type="submit" id="meta-submit-43841" name="meta-submit-43841" value="Update"> <img src="bx_loader.gif" alt="Processing Poster Update" id="loading-4020" class="loading"> <img src="success.png" alt="Poster Update Success" id="success-4020" class="success"> <img src="error.png" alt="Poster Update Success" id="error-4020" class="error"> </div> </div> </form> </div> </div> </div> JavaScript jquery.validate.min.js 附加方法.js tooltipster.js jQuery(document).ready(function () { //initialize tooltipster on text input elements jQuery('input[type="number"]').tooltipster({ //find more options on the tooltipster page trigger: 'custom', // default is 'hover' which is no good here position: 'top', animation: 'grow' }); jQuery('.poster-meta-form').validate({ // initialize the plugin submitHandler: function (form) { var sale_price_val = jQuery(this).find("input[name=sale_price]").val(); var base_price_val = jQuery(this).find("input[name=base_price]").val(); var meta_hidden_id = jQuery(this).find("input[name=meta_price_id]").val(); var meta_price_id = jQuery(this).find("input[name=regular_price_id]").val(); var parent_form = jQuery(this); jQuery.ajax({ type: "POST", url: ajax_url, data:{ action: 'call_back_function', sale_price: sale_price_val, meta: meta_hidden_id, meta_price: meta_price_id }, cache: false, beforeSend: function() { parent_form.find(".loading").show(); }, success: function(data) { if ( data == 0 ) { parent_form.find(".loading").hide(); parent_form.find(".success").show(); setTimeout(function(){ parent_form.find(".success").fadeOut('slow'); }, 2000); } else{ parent_form.find(".loading").hide(); parent_form.find(".error").show(); setTimeout(function(){ parent_form.find(".error").fadeOut('slow'); }, 2000); }; } }); return false; } }); jQuery('.size-sale-price').each(function() { jQuery(this).rules('add', { min: function(element){ return jQuery(element).attr('min'); }, required: true, messages: { number: "Sale Price can not be less than Base Price!" } }); }); }); 控制台错误 未捕获类型错误：无法读取未定义的属性“设置” 在 a.fn.init.rules (jquery.validate.min.js?ver=4.7.4:4) 在 HTMLInputElement 处。 （社交媒体同步public.js？ver=1.0.0:534） 在 Function.each (jquery.js?ver=1.12.4:2) 在 a.fn.init.each (jquery.js?ver=1.12.4:2) 在 HTML 文档中。 (社交媒体同步public.js?ver=1.0.0:532) 在我 (jquery.js?ver=1.12.4:2) 在Object.fireWith [作为resolveWith] (jquery.js?ver=1.12.4:2) 在 Function.ready (jquery.js?ver=1.12.4:2) 在 HTMLDocument.K (jquery.js?ver=1.12.4:2) 更新 未捕获的类型错误：无法读取未定义的属性“形式” 在 a.fn.init.rules (jquery.validate.min.js?ver=4.7.4:4) 在 HTMLInputElement 处。 （社交媒体同步public.js？ver=1.0.0:546） 在 Function.each (jquery.js?ver=1.12.4:2) 在 a.fn.init.each (jquery.js?ver=1.12.4:2) 在 HTML 文档中。 (社交媒体同步public.js?ver=1.0.0:545) 在我 (jquery.js?ver=1.12.4:2) 在Object.fireWith [作为resolveWith] (jquery.js?ver=1.12.4:2) 在 Function.ready (jquery.js?ver=1.12.4:2) 在 HTMLDocument.K (jquery.js?ver=1.12.4:2) 问题出在 each 尝试使用输入 ID 添加规则 jQuery('.size-sale-price').each(function() { jQuery(jQuery(this).attr('id')).rules('add', { min: function(element){ return jQuery(element).attr('min'); }, required: true, messages: { number: "Sale Price can not be less than Base Price!" } }); });