jquery-validate 相关问题

我正在尝试禁用输入表单中的印地文字符，因为这些字符在我的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 活动。

javascript html jquery-validate

回答 1 投票 0

如何从 validate() 或 valid() 触发我的自定义验证方法

我可以通过调用 $form.validate() 和 $form.valid() 来验证我的表单。因此，大概这些函数会在提交表单时自动调用。但我的问题是：如果我有一个自定义的有效...

jquery asp.net jquery-validate unobtrusive-validation

回答 1 投票 0

提交表单时运行自定义验证脚本

我有一个 ASP.NET Core Razor Pages 应用程序，其中的页面需要一些自定义验证。我希望使用自定义 JavaScript 在客户端上运行此验证。我怎样才能确保我的验证...

jquery asp.net-core .net-core jquery-validate razor-pages

回答 1 投票 0

来自 jQuery 验证远程的错误响应不起作用

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

jquery jquery-validate

回答 5 投票 0

表单未通过 jQuery 验证提交

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

javascript jquery forms asp.net-mvc-3 jquery-validate

回答 2 投票 0

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>

html jquery jquery-validate bootstrap-5

回答 2 投票 0

jQuery 验证插件：仅接受字母字符？

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

jquery validation jquery-validate

回答 7 投票 0

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

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

javascript jquery jquery-validate

回答 9 投票 0

jQuery 验证自定义方法

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