我一直在尝试为我的网站提供一个很好的验证解决方案，但我在不同的选项上遇到了问题。我已经彻底阅读了文档并查看了示例，但我仍然有问题。
我的表格在表格中。我希望每一行下面都有自己的错误行，它通常是隐藏的，但它会在适当的时候显示每一行。
以下选项可以很好地隐藏和显示错误行，但每个错误行中显示的错误消息是每个错误消息的完整串联：
$('#myform').validate({
rules: {
firstName: "required",
lastName: "required"
},
messag
浏览 1提问于2011-07-03得票数 5
1回答
尝试验证一个我不知道其内容的表单，并使用jQuery Validate在页面顶部显示摘要。我不希望每个字段旁边都有消息。我可以让它在提交时工作得很好，如果我禁用onfocusout/onblur/onkeyup，一切都会很好地工作。目前，我一直在尝试通过showErrors做到这一点，但我对此持开放态度。
我的印象是，当jQuery Validate触发onblur或keyup时，它只返回失败的单个元素。现在发生的情况是，我的摘要每次都会被覆盖，当它触发onblur时，摘要可能会返回为空(可能是因为errorMap只包含一个失败的元素)。我想要的是更新或重新生成我的摘要，以便它在用户浏览表单时
浏览 2提问于2012-04-13得票数 0
在用.load()异步加载内容的页面上使用jquery插件时遇到了问题。我正在重新加载页面中存在已注册errorContainer的部分，并且无法找到一种方法来重新注册该设置，在以另一个调用加载该内容以验证()之后。我看了一下插件的内部结构，它看起来就像验证方法中没有发生设置和属性的初始化/注册，因为验证器对象存在并且初始化被跳过。是否有任何支持的方式重新注册或编辑这些设置？我使用的是1.8.1版本。
编辑:我知道我可能可以通过使用showErrors回调或者使用一些定制的css类来定位我需要的自动生成的标签，但是我想知道是否有一种方法可以通过修改我在validate()中提供的设置来维护er
浏览 2提问于2014-10-06得票数 1
回答已采纳
1回答
我对引导模式和jquery.validate有一个问题，我使用一个模式引导程序来处理错误消息，当窗体正确时，窗口模式出现，这是我的Js代码，该模式显示带有showerrorsfunction函数。
$("#form").validate({
errorElement: "em",
errorContainer: "#myModal",
errorPlacement: function(error, element) {
error.prependTo('#myM
浏览 1提问于2016-03-18得票数 0
回答已采纳
我正在使用jQuery验证，并且我希望在div <div class="alert alert-error" id="errorContainer">中显示错误消息，在表单下面显示的默认设置不适用于我的表单设计。
验证脚本链接到我的表单所在的页面，如下所示：
$(function validate() {
var rules = {
rules: {
full_name: {
minlength: 2,
浏览 0提问于2013-06-10得票数 7
回答已采纳
我正在尝试使用jquery验证来验证日期。包含的Javascript库包括：
<script type="text/javascript" src="<?php echo base_url()?>asset/jqueryui/ui/ui.core.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>asset/jqueryui/ui/ui.datepicker.js"></
浏览 1提问于2010-01-19得票数 2
回答已采纳
jQuery验证errorPlacement方法未激发。事实上，唯一触发的方法是showErrors。我想我漏掉了什么。代码如下。
errorContainer: '#error-messages',
showErrors: function (errors) {
$("#error-messages").dialog({
modal: true,
title: 'Errors',
buttons: {
Ok:
浏览 0提问于2013-01-14得票数 0
我在使用Telerik Kendo DatePickerFor控件的时候被屏蔽了几天。在添加DatePickerFor控件之前，所有其他控件都工作得很好。它假设验证“ProjectName”下拉列表和其他复选框(在本文中忽略)，所有错误消息都挂在UI页面的顶部。在添加日期选择器控件和验证之后，模型确实获得了正确的http post和datetime，但如果有任何输入无效，则不会显示任何验证消息。如果移除日期时间选择器控件，验证将恢复正常。任何线索都很感谢。
Cshtml
@section Scripts {
@Scripts.Render("~/bundles/kendo
浏览 2提问于2016-04-30得票数 1
我正在使用jQuery验证插件。我想一个地显示错误信息，每次点击提交。为此，我使用了errorPlacement回调函数来替换目标区域上的消息。
从底部开始的错误消息。因此，最后的输入错误信息是第一次点击提交按钮。
$.validator.setDefaults({
//onfocusout: true,
errorPlacement: function(error, element) {
$(element).parents('#registorForm').find('.form-message').html(error)
浏览 1提问于2016-02-11得票数 1
回答已采纳
使用 of JQuery验证，我将手动将错误添加到表单中：
var errors = {};
errors['Field1'] = 'Field1 has an error';
errors['Field2'] = 'Field2 has an error';
errors['Field3'] = 'Field3 has an error';
$('form').validate().showErrors(errors);
为什么我不能使用$('form').vali
浏览 0提问于2013-11-15得票数 2
回答已采纳
我有一个表单$('#myForm')，它有两个$('#myDiv1') $('#myDiv2')，每个div都有两个文本字段。我希望两个div中的每一个都有一个errorContainer。
如果我调用$('#myForm').validate({ ... });，我只能指定一个errorContainer，这不是我想要的。
如果我调用$('#myDiv1').validate({ ... });，我会从jquery-validate：Uncaught TypeError: Cannot read property
浏览 1提问于2013-02-05得票数 3
回答已采纳
我使用tooltipster插件显示字段的提示，并在底部显示另一个工具提示，以显示jquery验证插件中的错误，但出于某种原因，所有消息更新都发生在第一个错误工具提示上。
我遗漏了什么？
$(document).ready(function () {
// initialize tooltipster on text input elements
$('input').tooltipster();
var tooltipsterErrorMsg = [];
// initialize validate plugin on the form
$(&#
浏览 2提问于2016-03-17得票数 1
回答已采纳
2回答
我有一些与JavaScript一起工作的jQuery.validate。这将从服务器返回一个JSON对象，并将其传递给showErrors函数。response.errors对象看起来像这样..。
{[
{ item1: "Email", item2: "Invalid format" },
{ item1: "ExpiryDate", item2: "Must be in the future" }
]{
下面的ES6代码运行良好..。
for(var i = 0; i < response.errors.leng
浏览 0提问于2019-05-22得票数 1
回答已采纳
3回答
我对jQuery不是很熟悉。我正在尝试制作一个表单，这是在后台提交的，而不是重新加载页面。
我有一个隐藏的div，它在点击时显示和隐藏，在div中有一个表单。
我有两个问题：
1)当表单验证失败时，仍会提交表单。我尝试将验证和提交代码放在condition if(validation == valid) { $.ajax.... }中，但它不能正常工作。
2)表单提交后，div会自动隐藏，看不到成功消息。
代码如下：
$().ready(function() {
// Validate the form when it is submitted, using validation
浏览 1提问于2013-10-08得票数 10
回答已采纳
使用JQuery验证插件，我尝试调用.valid()方法，而没有在屏幕上显示错误消息的副作用。我已经尝试了许多场景，但都没有成功，我最近的例子是：
$('#signup').validate({
showErrors: function() { return; },
errorElement: "",
errorClass: "",
errorPlacement: function() { },
invalidHandler:
浏览 0提问于2010-10-13得票数 21
回答已采纳
2回答
我正在MVC4中做不太显眼的表单验证，并且我试图在弹出窗口而不是页面中显示错误。我正在测试选项showErrors和invalidHandler，但事件永远不会触发。
当页面准备就绪时，调用此js来初始化验证器
$("form").validate({
showErrors: function (errorMap, errorList) {
console.warn(errorList);
},
invalidHandler: function (event, validator) {
alert('test
浏览 0提问于2013-11-04得票数 1
4回答
我必须单击表单上的submit按钮两次才能提交它。如何才能使用户只需单击submit？但是，我不希望onfocusout或onkeyup被启用。我只想通过单击提交按钮来验证我的表单。
$(document).ready(function() {
$.validator.setDefaults({
onfocusout: false,
onkeyup: false
});
$.validator.addMethod("username", function(value, elemen
浏览 0提问于2011-03-13得票数 2
我的react应用程序中有表单，它通过jquery验证插件进行验证。
let validator = $('form').validate({
errorClass: 'has-error',
errorElement:'label',
});
validator.form();
if ($('.has-error').length > 0) {
$('.has-error').each(function (index) {
浏览 0提问于2017-02-09得票数 0
回答已采纳
我正在使用，我希望能够隐藏输入旁边的错误消息，并在底部有一个主要的错误消息，我有这种工作类型，但错误消息显示在我的输入字段旁边。(显然，如果我正在使用样式，我会清理它)。
正如您在底部看到的，它告诉我有4个错误，请参阅下面的详细信息。我希望这个留下来，但不是上面的错误消息和样式？
$( ".form-group-rules" ).validate({
rules: {
rule_name: {
required: true
},
rule_desc: {
requ
浏览 3提问于2016-04-06得票数 0
我正在使用JQuery验证，并且在showErrors中有一些显示错误的自定义逻辑。
var form = $('#container').find('#form1');
form.data('validator', null); //doing this so that newly added DOM elements are picked up.
$.validator.setDefaults({
showErrors: function (errorMap, err
浏览 4提问于2015-10-10得票数 1
回答已采纳
我用的是第三方工具
jquery.validate.min.js
jquery.validate.unobtrusive.min.js
当我输入下面的内容时，它显示了一个消息框。工具验证的自定义验证失败。我假设它也使用"showError“。我理解这是一个很难问的问题，没有完整的代码库。我的问题是..。
是否有在showErrors之后发生的事件。或者是否有一种方法可以扩展到此功能，而不是覆盖它。
$.validator.setDefaults({
showErrors: function (errorMap, errorList) {
$(
浏览 7提问于2013-05-03得票数 2
我有一个有条件禁用某些文本框的方案。问题是，如果首先验证元素，然后禁用验证消息，则错误css保持不变。
我可以手动删除消息和样式，但是我们违反了框架的使用。
我是否可以使用jquery验证框架中的内置事件/函数来检查是否禁用了元素，然后删除error类和相应的消息。
我使用下面的一个类似的任务，但不是完全相同的。
showErrors: function (errorMap, errorList) {
var objManualMsgId = [];
objManualMsgId.push('MSG2');
objManualMsgId.push(&#
浏览 2提问于2016-12-14得票数 0
回答已采纳
1回答
我使用错误消息对话框让jQuery验证工作得很好。我遇到的问题是，当我单击submit，并且所有字段都正确填写时，在表单提交之前会弹出一个空白对话框。我似乎想不出该如何阻止这种情况的发生。将onSubmit设置为false将不起作用，因为那样它将根本不会进行验证。有什么想法吗？
这是一个脚本标签，里面有我所有的jQuery：
<script type="text/javascript">
$(document).ready(function () {
$("#tabs").tabs();
$("
浏览 3提问于2010-10-28得票数 0
回答已采纳
我正在尝试验证我的表单，然后输入将被处理并存储到数据库中。我使用jquery插件进行验证。
下面是我的验证代码：
$(document).ready(function(e) {
var container = $('div#error');
// validate the form when it is submitted
var validator = $("#my_form").validate({
errorContainer: container,
errorL
浏览 0提问于2011-10-14得票数 0
回答已采纳
在我看来，jquery-validation showErrors阻止了突出显示和取消突出显示的操作。
在html中，我有一个必需的form-group：
<form id="ValidationForm" method="post" class="form-horizontal" role="form" novalidate="novalidate">
<div class="form-group required"
浏览 0提问于2015-02-13得票数 1
回答已采纳
我正在尝试使用Jquery .validate插件进行验证。
我不能同时使用errorPlacement和showErrors方法。
JsFiddle: Working errorPlacement -
Working showErrors -
我需要将它们结合起来才能协同工作。
$("#form").validate({
ignore: [],
errorPlacement: function(error, element) {
// if showErrors exists, this block is skipped.
浏览 0提问于2016-10-21得票数 0
首先，对于使用jQuery克隆+验证的冗长标题，很抱歉，当用户单击next按钮时，当用户折叠面板时，它是完全有效的，但是在面板中，我有一个隐藏的字段，当用户单击next按钮时不应该验证。我使用了ignore: []代码，所以这是用于折叠字段，而不是隐藏字段。当用户处于折叠模式和隐藏字段时，我希望两者都能工作。
以下是jquery代码
$(".educationForm").validate({
ignore:[],
onkeyup: false,
showErrors: function (errorMap, err
浏览 11提问于2015-10-17得票数 0
回答已采纳
我正在使用JQuery验证插件来处理我的表单的验证。我有一个要求在两个位置有错误：
表格顶部
在外地一级
我让它在外地水平工作，但我如何使它在最高层和外地层面都能发挥作用。
在表格的顶部，我想要这样的东西：
<p>You have the following error messages:</p>
<li>First Name - This is a required field</li>
<li>Last Name - This a required field</li>
浏览 2提问于2013-10-31得票数 4
回答已采纳
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>test_validation</title>
<style>
*{margin:0;padding:0;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<scr
浏览 0提问于2012-01-04得票数 0
2回答
我有一个jquery自定义表单验证如下；
jQuery(document).ready(function($) {
var container = $('div.container');
var validator = $("#form2").validate({
errorContainer: container,
errorLabelContainer: $(container),
wrapper: 'li',
meta: "validate"
浏览 0提问于2011-01-21得票数 1
回答已采纳
3回答
验证错误时打开折叠面板
、、、
我正在使用jQuery accordion将表单拆分为几个面板，并使用jQquery验证来检查必填字段。在验证字段中显示错误非常有用，只要它们在打开的面板中。
举个例子。假设我有树状折叠面板，在第一个面板上有两个需要验证的表单域。现在，如果访问者切换到第二个或第三个面板，在没有填写第一个面板上的必填字段的情况下提交表单，我希望第一个accordion面板打开并显示错误。
有没有人知道一种让它工作的方法？
这是我今天使用的代码：
$(document).ready(function() {
$("#accordion").accordion({
autoHeight: f
浏览 14提问于2012-07-14得票数 5
回答已采纳
我正在使用进行表单验证。
我的表单被分成多个选项卡。
最后一个选项卡是我的表单提交按钮所在的位置。现在验证检查似乎起作用了，但是，验证总是返回到缺少补全的字段。
我宁愿在提交按钮上方输出我的错误消息，告诉用户返回到有问题的选项卡并完成该字段。
下面是我使用的代码
var errcontainer = $('.errcontainer');
$("#application-submit").click(function() {
$("#application-form").validate({
debug: true
浏览 0提问于2013-02-26得票数 1
回答已采纳
3回答
我使用的是jQuery验证插件1.8.1。它完全按照预期工作，但当我在已添加的content pages.Here上的一个更新面板中添加更新面板时，问题就开始了
$(function () {
//Code that runs before update panel is fired.
//Listen for update panel
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
//Re-initialize jquery afte
浏览 1提问于2011-07-11得票数 1
是否有可能让jquery验证来使用急切的验证来显示验证摘要？
我正在使用MVC 3(如果重要的话)，当每个元素失去焦点时，我的表单都会验证：
$('#myform').validate({ onfocusout: function(element) { $(element).valid(); } };
这将显示每个字段上的个别错误，但我也希望在验证摘要块中显示这些错误。但是，验证摘要只在表单提交时显示，而不是在失去焦点时显示。
我试图链接到showErrors，但是这只会给出当前的字段错误，而不是当前的错误列表。
为了完整起见，以下是表单代码：
@using (Ajax.Be
浏览 3提问于2011-10-28得票数 9
回答已采纳
我试图从jQuery函数中调用showErrors验证函数，而不必像这样保存验证器对象：
var validator = $( "#myshowErrors" ).validate();
validator.showErrors({
"firstname": "I know that your firstname is Pete, Pete!"
});
是否有一种方法可以从submitHandler方法中获取get验证器对象，具体如下所示：
$( "#myshowErrors" ).validate({
submitH
浏览 2提问于2013-09-04得票数 14
回答已采纳
4回答
当用户选择"GO“按钮时，我希望能够在客户端触发表单验证。当前，当选择"GO“按钮时，它不会验证完整的表单。例如，如果加载表单并选择"Go“按钮而不将焦点放在文本框中，则不会验证任何内容，val.Valid()将返回true。如果我确实在文本框中输入了无效数据，则会对该项进行验证；当我选择"GO“按钮时，val.Valid()返回false。
所以我要做的是，当用户选择一个按钮或其他事件时，我想要触发所有的表单验证。
我在MVC 3中做这个
public class TestValidationModel
{
[Required(ErrorMessage
浏览 2提问于2011-02-19得票数 14
2回答
我使用了jQuery验证插件，还使用了jQuery来为我的表单所在的弹出窗口制作闭合动画。
当然，如果表单无效并且需要修复错误，我不希望弹出窗口关闭。
这就是我要做的。
表单验证：
$(document).ready(function(){
$("#form").validate({
errorContainer: "#messageBox1",
errorLabelContainer: "#messageBox1 ul",
wrapper: "li",
});
}
浏览 2提问于2011-08-24得票数 1
我在显示上遇到了问题:没有.我需要在单击submit表单按钮后，即使要验证的字段在div中并显示:无设置，也会出现错误消息。我找到解决方案并尝试添加到jQuery代码设置中。
ignore: []
但这改变不了什么。查看名为“moreurlinput”类的div，他得到了内联样式显示:none，但是如果您将其更改为显示:内联(块、表等)。将出现验证错误。
html
<form id="post" action="http://m.onet.pl" method="post" class="validatedForm">
浏览 1提问于2015-01-10得票数 0
回答已采纳
我的问题有点与有关
下面是一个，用于查看我正在使用的jquery验证版本1.14.0。
<Form id="myform">
<div class="editor-label">
<label for="FirstName">First name</label>
</div>
<div class="editor-field">
<input class="t
浏览 0提问于2018-01-30得票数 0
回答已采纳
1回答
我正在尝试使用jquery验证来显示从服务器返回的一些错误。
我正在使用validator.showErrors()方法来完成这个任务。
我可以让这个方法像示例那样工作。
var validator = $("#myform").validate();
validator.showErrors({"firstname": "I know that your firstname is Pete, Pete!"});
然而，我试图实现的是，对于相同或不同的字段有两个或更多的验证错误。根据文档，这是可能的。
显示指定的消息。键必须引用元素的名称，使用
浏览 0提问于2012-11-28得票数 2
回答已采纳
我正在使用一些脚本来处理我的selects。这个脚本是: jquery.selectbox-0.2
我的结构是：
<select name="dpto_contato" id="dpto_contato" tabindex="1">
<option value="">Selecione o Departamento</option>
<option value="Administração">Administração</option>
浏览 2提问于2013-08-16得票数 0
我已经搜索和阅读过(不仅如此)，但似乎找不到解决这个问题的办法。基本上，正在发生的事情是，jQuery验证插件(根据文档)应该隐藏在其配置中设置的errorContainer。不幸的是，它并没有隐藏它，它只是删除了内容。
为了重现问题，只需在字段中输入一个非电子邮件值，然后单击页面上的其他地方。您应该看到出现了错误消息。现在进入并删除这些值，并观察发生了什么。错误消息消失，但容器没有隐藏，而且由于它是样式(边框/背景/等)，即使在错误纠正之后仍然可以看到它。
本司的相关CSS：
div#mailform div#error {
font-size: 10px;
width:
浏览 1提问于2010-09-30得票数 3
回答已采纳
我有一个可以多次执行的函数。我想知道使用jQuery函数被调用了多少次。我该怎么做？
每当文本字段发生更改时，都会调用函数showErrors。因此，根据页面上文本字段的数量，我应该能够找到调用showErrors的次数。如何在showErrors函数中检测到这一点。
showErrors: function(errorMap, errorList) {
if ($formEl.find(".aimInput input").length == 2) {
// $('.validate').html(errorList[0]['
浏览 2提问于2012-08-16得票数 2
回答已采纳
我有一个通过jQuery验证插件成功验证的表单。消息在正确的位置和正确的情况下显示。
到现在为止还好。
我有一个正在正确验证的字段，但我需要将该验证消息定位为与其他字段不同的位置。在两个输入相邻的情况下，我希望验证出现在两个输入下(即在封装它们的块下)，而不是每个单独的输入都显示正确的值。
这两个输入的验证是相互依赖的，即至少必须有一个输入。验证规则起作用了，这只是我一直在挣扎的位置。
我使用以下验证语法：
$('#formId').validate({
rules: {
},
messages : {
浏览 3提问于2014-01-29得票数 0
回答已采纳
3回答
我设计我的HTML选择箱使用。现在，我为我的表单添加了插件，但是，验证表单不适用于引导选择插件。
演示
HTML：
<form id="myform">
<select name="year" class="selectpicker">
<option value="">Year</option>
<option value="1">1955</option>
<option val
浏览 5提问于2014-01-09得票数 19
回答已采纳
我正在构建一个表单，它使用heapBox ()替代<select>元素，并使用jQuery validation进行表单验证。
heapbox验证只适用于具有jQuery属性的表单元素，因此，因为heapbox用div替换了<select>元素，所以它在验证过程中不被识别。
我有附加到每个输入的错误消息，然后还有显示在无效表单提交上的错误的总体摘要。有没有可能用javascript编写一些不使用插件的东西，只用于heapbox元素？我不确定我是否知道从哪里开始。
我知道我可以重新使用默认的<select>元素，并对样式进行有限的控制，但我真的很想看看是否有办
浏览 2提问于2016-09-01得票数 0
1回答
我的验证脚本运行得很好，但我使用了内联块错误并隐藏了它们。当jQuery验证插件将它们切换回来时，我猜它会使用show，这会抛出一个内联的display:block或display:inline样式，具体取决于标签。我需要做的是让它显示:inline-block。有没有一种方法可以在jQuery Validate显示错误后将css选择器附加到每个字段？
这是一段代码片段。
$(document).ready(function() {
$("#applicationForm").validate({
errorElement: 'span',
浏览 0提问于2012-02-06得票数 0
回答已采纳
在我的测试程序中，我使用jquery.validate插件检查用户输入字段如下：
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/jquery-form-3.51.min.js"></script>
<script src="js/jquery-validation-1.15.1/jquery.validate.min.js"></script>
<form id="form-pr
浏览 5提问于2016-09-26得票数 0
回答已采纳
如何更改jQuery验证的错误消息，以便在验证时在jQuery Ui模式对话框中将错误组合为项目符号。
我试过了，但没有达到预期效果(即模式对话框只显示一次，但关闭后，在第二次提交无效数据时无法恢复模式对话框)。
任何建议都将不胜感激。谢谢。
...
$("#myform").validate({
debug: true,
errorPlacement: function(error, element) {
error.prependTo('#dialog-message');
浏览 0提问于2010-04-01得票数 1
回答已采纳
我可以在中动态设置errorContainer吗，这意味着根据点击的按钮显示不同的错误容器。
这就是我想要做的，但似乎行不通：
$('#b1').click(function(evt) {
$('#form1').validate().resetForm();
validator.settings.errorContainer = $('#m1');
validator.settings.errorLabelContainer = $('ul', $('#m1
浏览 3提问于2010-01-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
