为什么内部div的表单验证在另一个div中不起作用？
内部div的表单验证在另一个div中不起作用的原因可能是由于以下几个因素：
- HTML结构：如果内部div的表单元素没有正确嵌套在form标签内，或者form标签没有正确闭合，那么表单验证可能无法正常工作。确保表单元素正确地包含在form标签内，并且form标签正确地闭合。
- JavaScript事件绑定：表单验证通常依赖于JavaScript事件来触发验证逻辑。如果另一个div中的JavaScript事件没有正确地绑定到内部div的表单元素上，那么验证逻辑将无法触发。确保正确地绑定事件，例如使用addEventListener方法或直接在HTML标签中添加事件属性。
- CSS样式：有时候，另一个div的CSS样式可能会影响内部div的表单验证。例如，如果另一个div使用了display:none或visibility:hidden等属性来隐藏元素，那么表单验证可能无法正常工作。确保CSS样式不会影响到表单元素的可见性和可操作性。
- JavaScript代码冲突：如果另一个div中的JavaScript代码与内部div的表单验证逻辑存在冲突，可能会导致验证无法正常工作。检查并解决可能存在的JavaScript代码冲突问题。
总结起来，内部div的表单验证在另一个div中不起作用可能是由于HTML结构、JavaScript事件绑定、CSS样式或JavaScript代码冲突等原因导致的。需要仔细检查和排查这些可能的问题，并逐一解决。
相关·内容
假设这是我的html表单定义：
<form id="feedback" action="" enctype="multipart/form-data" method="post">
jQuery文件在head标记中定义：
<script type="text/javascript" src="js/ajaxarchive.js"></script>
我还在输入字段中创建了一个html div作为按钮：
<div id ="
浏览 1提问于2011-10-01得票数 0
1回答
使用JQuery提交Ajax加载的表单
jquery、ajax、forms、captcha
我有一个包含项目列表的页面，在这个列表中，我使用Ajax成功地基于数据id加载了表单。
表单本身是基于Ajax的，它在不重新加载页面的情况下提交和验证提交，而是使用Ajax本身提交数据(测试并处理正常的页面设置)。
我已经做到了这一点，但是表单上的Ajax无法对我起作用，我尝试了几种方法，包括委托等。通常没有Ajax的表单发布到一个新页面。
谁能引导我朝着正确的方向前进，JQuery似乎是我的弱点，或者我离解决方案太远了。
Html
<ul id="myList">
<li>
<h3>test</h3>
浏览 6提问于2014-08-11得票数 1
回答已采纳
2回答
带Bootstrap 3.3.5的.NET表单
.net、twitter-bootstrap-3、webforms、kentico
我正在将Bootsrap表单集成到由.NET支持的Kentico中，在这样做的过程中，我注意到" form“标签正在从我的表单中被剥离。
我从Kentico Support收到了以下内容--恐怕ASP.NET WebForms不支持自定义表单标记。问题是，在ASP.NET中，整个页面都被包装在一个表单标记中(这是标准的.NET行为，而不是特定于Kentico的)，而HTML标准不允许嵌套的表单标记。
我有一个页面模板建立与超文本标记语言的错误处理，我没有任何.NET编程经验。谁能告诉我如何让Bootstrap表单、错误处理和提交在.NET中正常工作？
谢谢!
以下是当前格式：
<
浏览 2提问于2017-01-10得票数 0
6回答
无法设置html div宽度
html、css
我想使表单看起来像1200 in的宽度。但是，当我在类.container或. form -group中，甚至在form标记中设置宽度时，它将无法工作。只有当我在textarea标签中设置宽度时，它才能工作。有什么问题吗？
index.html
<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="container"&
浏览 4提问于2016-04-07得票数 0
回答已采纳
2回答
当表单有效时，HTML /引导验证无效
javascript、jquery、html、forms、twitter-bootstrap
我有一个使用Bootstrap的HTML表单。在此表单中，我有一个选择列表(强制字段)。当用户从这个列表中选择"Other“选项时，我有一个隐藏的文本输入字段(单行)，然后显示给用户以提供进一步的详细信息。只有当文本输入可见时，这个文本输入才是强制字段--显示/隐藏它的javascript也添加/删除了"required“属性。
这几乎没问题。如果我从下拉列表中选择"Other“，就会显示textbox，如果我没有在那里输入一个值，我就会得到我期望的验证错误。问题是，如果我选择other，则显示文本字段，将焦点放在文本字段中，然后选择out (因此它将显示验证错误消息)
浏览 2提问于2016-09-26得票数 1
回答已采纳
1回答
使用按钮提交Ajax表单
html、ajax、forms、post
对于几乎相同的问题，似乎有一大堆答案，但我似乎解决不了这个问题。如果你已经看过上千次了，请原谅：
我需要使用ajax提交一个表单，但是我不能让它正确地完成它。它需要submt，而不是刷新(正如你所期望的)，但我做什么似乎并不重要，我所能做的就是将POST追加到页面的当前URL。我已经将表单剥离到最低限度，仍然得到这样的结果，所以我一定是做错了什么。感谢您的帮助，谢谢！
<html>
<body>
<form class="form horizontal" id="logForm">
浏览 1提问于2013-07-03得票数 0
回答已采纳
2回答
如何在struts2标签中使用css样式？
struts2
我在我的struts2应用程序中使用了metro CSS主题。我将html标签与CSS类结合使用，效果很好。但是在创建验证逻辑时，我发现它确实验证了表单，但没有显示任何错误。
<form action="register.action" method ="post" validate="true">
<div class="input-control text span3">
<input type="text" name="username" placeho
浏览 1提问于2012-12-15得票数 2
回答已采纳
2回答
Asp.net窗体丢失css格式
asp.net、css
我正在尝试将html页面(它已经有很多格式，链接到css文件，.js文件等)集成到asp.net中
问题是，html中使用的一些样式引用了一个表单元素，如下所示：
#Area form input[type="mytype"] {
content: '';
position: absolute;
display: block;
}
当我试图将其包装到asp.net页面中时，它会丢失格式，因为我需要将所有内容都放在asp.net 'form‘和runat=“服务器”中。Css变得混乱，因为它现在是表单中的表单和窗体中的区域。
&
浏览 0提问于2014-03-15得票数 0
2回答
工具.addEvent不能进入ng-重复？
javascript、html、css、angularjs、mootools
因此，我正在尝试使用mootools创建一个拖放车，如下所示：。我可以让代码工作得很好，但是当我试图编辑它们的html以使其看起来像html时，它就停止工作了。css仍然像人们所期望的那样应用，并且ng重复之外的div也可以正常工作。但是，我很确定mootools javascript中的.addEvent无法在ng重复中“找到”.item，因此我无法在ng- .items中获取任何.items。
有什么想法吗？
更新:好的，这个问题似乎涉及javascript中的domready事件。当它开火的时候，天使们还没有上膛。我尝试了load事件，但这也会在angularjs加载之前触发。对事件还有
浏览 0提问于2014-09-19得票数 1
回答已采纳
1回答
在单个HTML页面上提交表单的问题
javascript、jquery、html、ajax、forms
我在一个HTML页面中有几个表单，主要思想是这些表单提交是相互独立的，并且使用AJAX来防止整个页面重新加载。
这意味着搜索段是一个表单，在成功完成搜索之后(使用AJAX)，每个搜索结果将显示为一张卡片，其中包含另一个表单，其中包含一个单独的投标字段。
奇怪的是，尽管我尝试使用与搜索相同的添加出价技术，但每次提交出价时页面都会刷新，请求将成为URL的一部分：
以下是我的HTML：
<!-- Card display: cards are generated dynamically -->
<div id="card-container
浏览 2提问于2017-10-25得票数 0
回答已采纳
1回答
在HTML被一次又一次地删除后，使用JQuery的getScript多次加载HTML
javascript、jquery、single-page-application、getscript
我有一个用HTML/JavaScript/JQuery/CSS编写的SPA (单页应用程序)
每次单击导航链接时，主div都会通过ajax命令加载一个HTML/ JavaScript/JQuery /CSS块，并使用getScript函数加载该块的JavaScript/JQuery部分。
一旦用户单击另一个链接，主div就会通过remove()函数被删除，新块将被JavaScript/Jquery替换。
问题是:当我在第二、第三次加载主div的内容时(如果用户单击另一个链接，然后返回到这个链接)，我是否再次运行getScript函数来加载JavaScript/JQuery？如果是这样的话--它
浏览 4提问于2013-08-14得票数 0
1回答
使用RJS注入后，将javascript处理程序添加到远程表单对象中
ruby-on-rails、rjs
我有一个页面表单，我希望用户通过点击一个远程链接('add照片‘，F.ex)来添加嵌套表单。单击该按钮后，我将使用RJS注入嵌套表单。注入的表单是远程表单，但注入后表单没有附加javascript事件，因此它们只需使用http向嵌套对象的控制器提交。除此之外，一切都很好。
我的问题是：
是否有可能在注入后通过RJS触发远程表单javascript的重新验证？？
这样，我的嵌套表单将获得正确的javascript事件处理并使用AJAX提交。
我的页面表单(_form.html.erb)：
<% javascript 'ckeditor/ckeditor' %>
浏览 1提问于2010-10-30得票数 0
2回答
在jquery mobile中提交表单后重新显示页面会丢失附加的事件
jquery-mobile
我有一个多页文档，但我一直在显示html，并在一个php文件中对单个页面进行验证：
<div id="checkPage" data-role="page">
<div data-role="header">
<h1>Page Title</h1>
</div>
<div data-role="content">
<?php
$form = $_REQUEST['form']; //this is s
浏览 0提问于2012-06-07得票数 1
回答已采纳
4回答
在SharePoint的上下文中，我调用一个对话框。SharePoint基本上创建了一个lightbox div，并将我的html放入其中。我不能控制它决定在哪里显示对话框，也不能控制它的尺寸，甚至不能控制用于包含页面的CSS。换句话说，我能做的任何事情都必须包含在我自己的html/javascript/CSS中。
问题来了，因为我的html包含了一个div，这个div对于对话框来说有时太高了，然后我自然希望有一个垂直的滚动条。因此，我将其定义为CSS样式"overflow:auto“。
但我得到的是整个对话框上的滚动条，而div完全包含在对话框中，根本没有滚动条。
我已经跟踪了DOM
浏览 0提问于2011-10-21得票数 0
回答已采纳
4回答
addclass不工作jquery
javascript、jquery、html、css
我有两个div，一个是绿色的，另一个是红色的。它们分别有“绿色”和“红色”两个类别。当我使用addClass()函数(通过单击div触发)时，添加了新的类，并且div更改了颜色。然而，当我再次点击它之后，新的类没有被添加，div也没有改变颜色。
但是，当我单击另一个div下面的另一个div时，它可以工作，类也会更新。
我的HTML代码：
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="te
浏览 0提问于2018-02-20得票数 1
1回答
文件输入引导插件的Jquery验证
jquery、twitter-bootstrap、jquery-validate
我将用于file输入字段。以下是我的代码：-
<input id="input-upload-img1" type="file" class="file" data-preview-file-type="text" name="img1" accept='image/*,video/*'>
<input id="input-upload-img2" type="file" class="file" data-preview-file
浏览 1提问于2016-06-07得票数 0
回答已采纳
4回答
如何避免使用Twitter引导3在所有输入中进行表单控制？
css、forms、twitter-bootstrap、twitter-bootstrap-3
我正在建立一个框架的网站，其中HTML是自动生成的。Twitter引导程序3需要将类“表单控制”添加到每个输入中，以正确地将宽度应用于这些输入。问题是，要从代码中添加css类，我需要在许多地方更改框架。
这附近有工作吗？也许有些javascript/jquery搜索了我表单中的所有标签，对于每个标签，它找到了相关的输入，并最终添加了css类？但我真的不知道怎么做。
提前感谢您的帮助。
浏览 2提问于2013-11-08得票数 3
回答已采纳
4回答
Jquery验证器插件不检查新输入
javascript、jquery、validation
嗨，我对一个表单使用了jQuery验证器。一直工作到今天。我在表单中添加了一个新代码，它向表单添加/移除附加字段(将类设置为“必需”)。
基本形式是某种东西，比如>
<form name="form" id="form">
<input name="text1" class="required">
<a id="addnew">Add new text</a>
<div id="newitems"></d
浏览 3提问于2011-11-08得票数 5
回答已采纳
1回答
在HTML5中处理隐藏的表单控件有意义吗？
html、forms、webkit、w3c
HTML5增加了在表单中更好地定义客户端验证的能力，而不需要使用JavaScript。这个概念已经存在于诸如“最大长度”和“最小长度”等属性中。它已经用诸如“必需”和“模式”等属性进行了扩展。然而，HTML5也定义了对这些属性的限制，WebKit浏览器已经实现了这些限制(很可能是火狐和Opera紧随其后)。
当CSS / JavaScript使用display: none或visibility: hidden CSS规则隐藏窗体控件时，display: none与表单控件的可见性有关。这些限制的定义是：
4.10.7.1.1隐藏状态
当input元素的类型属性处于隐藏状态时.input元素表
浏览 0提问于2011-08-04得票数 30
回答已采纳
4回答
在Contact Form 7提交时调用JavaScript函数
wordpress、contact-form-7
我在Wordpress中使用Contact Form 7，以皮肤美容为主题。我想要做的是在提交我创建的表单时调用一个特定的JavaScript函数。
在我的HTML代码中，我创建了一个如下所示的表单：
<form onsubmit="checkvalue()">
...
</form>
在我的HTML代码主体的末尾，我创建了一个JavaScript函数，其中包含我想在表单上执行的验证：
<script language="JavaScript" type="text/javascript">
functi
浏览 1提问于2016-06-14得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
