2回答
将JS应用于动态加载的内容的最佳方法是什么？假设我有这个：
form.html (动态加载)
带有一个按钮的main.html，当点击DIV时显示并动态加载form.html。
在我的main.html中，我使用JS来查找表单标记(从动态加载的表单中)并对其进行进一步处理(我使用jQuery)。我本可以将JS包含在form.html中，然后它就可以工作了，但我想做的是让我的JS包含在main.html中，并且能够使用它来操作动态加载的内容。这能实现吗？谢谢。
编辑：
form.html
<form id="f"><input name="i"/
浏览 1提问于2013-06-20得票数 1
回答已采纳
2回答
我有一些关于Jquery验证插件的问题，不知道是否有人可以帮助我。
目前，该插件可以处理页面上当前的任何表单元素
$("#addRelease").validate({
submitHandler: function(form) {
form.submit();
}
});
但是，如果我在单击按钮时动态创建表单，那么Jquery验证插件将不能用于这个新创建的元素。
// Add release form
$(function(){
$('body#true #releases p a').click(funct
浏览 0提问于2010-01-27得票数 2
回答已采纳
1回答
我正在尝试使用jquery.validate.unotrusive.js插件来动态创建表单字段，如下所示：
var message = $("<textarea id='test'></textarea>");
$(message).attr("data-val", "true")
.attr("data-val-number", "The field CustomerId must be a number.")
.attr("data-val-required
浏览 0提问于2012-06-15得票数 0
回答已采纳
1回答
在我的应用程序中，我使用Jquery对话框创建了一个对话框表单。这个对话框是动态的。也就是说，通过ajax，我正在用一些表单数据填充div。一旦这个div被动态地填充到一个表单中，我就会在对话框中显示这个表单。打开此对话框后，在表单提交之前，我需要使用Jquery ()方法进行一些表单验证。但是表单并不是有效的。
动态填充表单内容的Div。
<div id="popup" style="display:none">
</div>
通过ajax填充上述div的代码。
$.ajax({
url:'some url path&#
浏览 3提问于2014-05-29得票数 0
回答已采纳
我正在使用bootstap验证器库进行表单验证。
//validate when submit button is clicked.
$('#passenger-form').bootstrapValidator({
fields: {
email: {
group: '.col-xs-6',
validators: {
notEmpty: {
浏览 0提问于2016-03-27得票数 1
1回答
我使用jQuery动态生成了一个表单，如下所示：
<form id="editorform" accept-charset="utf-8" method="post" name="editorform" action="menuupdate">
<div>
<input id="updateItem" type="submit" value="Update"></input>
</d
浏览 1提问于2015-05-17得票数 0
回答已采纳
我有以下动态生成的HTML
<div id="1">
<form name = "inpForm">
<input name="FirstName" type="text"/>
<input type="submit" value="Submit"/>
</form>
</div>
<div id="2">
<form name = "inpForm">
<inpu
浏览 0提问于2012-07-26得票数 0
回答已采纳
场景：
我有一个选择框，它的数据由php配置文件中的数据填充。如果要从中选择的select中没有匹配的值，则允许用户向其中添加一个字段。我已经创建了一个小的输入表单，它是通过jQuery添加的，我希望捕获post提交，然后将其推迟到ajax函数中。
问题：
由于表单是动态添加的，我无法捕获表单提交，页面将重新加载。
这不管用：
$('form[name="add"]').on('submit', function(e) {.....
One解决方案：
如果我不使用表单元素并在div中模拟它，我可以使用
$(document).on('cl
浏览 1提问于2016-01-31得票数 2
我有一个动态附加到div元素的HTML表单。如何将现有行为附加到新添加的元素。
例如。我有像这样的方法
$.fn.jqueryAjaxFormLoad - defined in jquery.ajaxload.js
$.fn.displayMessage - defined in jquery.messagebar.js
已定义，在页面加载过程中加载。现在，我想将它们附加到新添加的form元素及其子元素中，或使其可用。使用jQuery实现这一点的最佳方式是什么？
最终的期望是我可以调用
其中一个表单元素上的$('.form_element').displayMessage()
浏览 2提问于2011-06-17得票数 0
当用户单击附加了jQuery单击事件的锚定标记时，我会动态地将输入添加到表单。
$(".add-input").click(function () {
$("div.form-item").append(get_input());
});
上面的函数成功地将新输入添加到表单中，但是我还有另一个jQuery函数，它将样式添加到当前关注的输入中，如下所示：
$("input, textarea").focus(function () {
$(this).parent().addClass("cur-focus");
});
浏览 0提问于2012-02-07得票数 0
回答已采纳
1回答
我有一个引导表单组，它使用以下HTML定义：
<div class="form-group">
<label class="control-label" for="input-1">Qty</label>
<select name="quantity[]" id="input-1" data-qtyindex="0" class="form-control input-qty&
浏览 1提问于2016-01-28得票数 2
回答已采纳
有人能解释为什么$('body').on('submit')不适用于动态创建的表单吗？该事件在表单创建并附加到body之后是绑定的，因此我原以为form_handler应该启动，但它没有。
form_handler = function(){
alert('ok');
}
function create_form(){
var f = document.createElement('form');
f.method = 'POST';
f.action = '/echo/h
浏览 4提问于2015-08-06得票数 0
1回答
从外部JS文件获取表单
、、、
我想从外部JS文件访问表单。我的问题是，虽然我可以访问它为一个单一的形式使用
document.forms[0]
和
$('form:eq(0)')
考虑到存在多个表单的场景，我希望选择用户当前使用的表单。(可以通过其URL或其他方式选择一个表单)
我想要一个广义的答案，这意味着我已经知道如何通过它的ID、类或属性访问表单。欢迎在jQuery和JavaScript中找到答案。我对JS和JQ有点陌生，如果你能帮忙，我会很感激的。
假设我使用的是jQuery验证插件，我使用
$('form:eq(0)').validate()
我真正想做的是
不是专门访问表单，而是
浏览 3提问于2015-04-15得票数 0
回答已采纳
我试图使用jQuery1.3.2动态地将HTML表单添加为表行(请不要问为什么会出现这样的旧版本)。标签的层次结构应该如下所示，因为我需要将表单添加为表行。
<tr><form><td><input/></td><td><button/></td></form></tr>
我面临的问题是表单标签正在从层次结构中出来。
<tr><form></form><td><input/></td><td>
浏览 2提问于2015-06-28得票数 1
回答已采纳
我想使用带有动态构建形式的datepicker插件。当我用类datepick静态地构建表单时，jquery函数工作得很好，但是当我尝试使用jquery追加的文本输入构建时，jquery函数不起作用。这是我正在使用的代码。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author"
浏览 5提问于2014-05-22得票数 0
回答已采纳
我有一个动态创建HTML表单字段的脚本。我试图使用角指令来绑定数据。我认为绑定没有发生，因为HTML元素不存在于页面加载中，因为它们是动态创建的。以下是我的HTML：
<div id="form-builder-wrapper">
<form class="form-horizontal" role="form" autocomplete="off">
<ul class="handles">
<br />
浏览 3提问于2015-01-26得票数 1
回答已采纳
我有一个用jQuery的.append()方法动态生成的表单。我可以添加任何数量的新输入，文本框，cmbbox等。
但问题是，当我执行表单的sumbit时，PHP目标不会接收添加的新输入，而只是接收到在append()之前已经连接到表单中的输入的变量。
有什么想法吗？
javascript：
$("#button").live('click',function add(){
$("#list").append(
'<li style="height:20px;">'
+
浏览 1提问于2010-10-03得票数 12
回答已采纳
1回答
我们有一个表单，用户可以在其中将项目从一个多选框移动到另一个多选框。我们使用的是MVC4.5和jquery validate和微软的低调javascript。
问题是，当提交表单时，选择框中的值不会被提交，因为在移动项目之后，用户不知道他们还必须选择所有要提交的项目。
因此，解决方案听起来很简单:使用jquery在提交时选择所有项。
在做了一些研究之后(感谢stackoverflow社区)，我们能够发现必要的jquery代码来拦截提交过程。然而，出现了问题，因为当代码选择项时，只有选择框中预先存在的项被选择。已移动的活动(动态)项目不会被选中。
下面是我们第一次使用的代码：
$('#U
浏览 0提问于2013-09-25得票数 0
我正在尝试确定表单中一组命名的输入/选择/单选/选中/隐藏字段中的任何字段何时发生更改。
具体地说，我希望捕获何时对与jQuery的选择器$("form :input")匹配的字段进行了更改，以及输入在何处具有name属性。然而，表单不是静态的，即一些字段是稍后动态添加的。
我最初的想法是跟踪何时添加了与:input匹配的新命名元素，然后添加一个事件处理程序，如下所示：
function on_change() {
alert("The form element with name " + $(this).attr("name") + &#
浏览 1提问于2010-06-11得票数 2
回答已采纳
2回答
是否有任何方法可以在动态字段上使用jquery来验证表单。
我想让它成为必填字段
我使用Jsp动态创建表单域。
喜欢
<form name="myForm" id="myForm">
<input type="text" name="name1" value="">
<input type="text" name="name2" value="">
<input type="text" name="na
浏览 0提问于2010-05-27得票数 2
回答已采纳
3回答
在文档就绪时，我运行以下代码：
jQuery(document).ready(function(){
jQuery('#button').click(function() {
jQuery('#contact_form').load("/Users/mge/Downloads/jquery-ajax-1/readme.txt");
return false;
});
});
然后如果我创建一个像这样的表单
<div id="contact_
浏览 0提问于2010-03-17得票数 2
回答已采纳
默认情况下，我有一个html格式的输入字段。如果用户想要添加更多，他们可以添加更多的输入字段。我已经通过jquery添加了更多的输入字段特性。现在，我希望获得新添加的字段id，并使用jquery验证这些输入字段。但是jquery并没有得到这些添加的id。这是我的表单普通输入字段
<td> <input readonly type="text" name="student_id[]" placeholder="{{ $details->batch_id }}" value="{{ $details->batch
浏览 0提问于2018-04-11得票数 1
回答已采纳
我不确定为什么当我的表单partial被动态调用时，没有被调用。
相对宝石-
rails, 3.1.0
cancan, 1.6.7
dynamic_form, 1.1.4
simple_form, 2.0.1
jquery-rails
场景-
我有一个名为/index的页面，您可以添加House、Dog或Cat。页面一开始是空白的，但边上有链接，您可以单击这些链接以动态显示其中一个表单。这些形式都有它们自己的偏音。
DogsController
def new
@dog = Dog.new
respond_to do |format|
format.js
end
end
浏览 0提问于2012-06-17得票数 1
回答已采纳
1回答
动态验证克隆表单
、、
我有一个使用jQuery验证插件进行验证的HTML。它工作得很好，但我的项目的全部内容是动态复制表单并将其附加到以前的表单中。动态克隆的表单根本不进行验证。如何验证动态创建的表单？我的"#addOne“按钮生成动态克隆的表单。
这是我的小提琴：
<div class="article_properties">
<form class="article_properties_form" action="" method="POST" enctype="multipart/form-data&#
浏览 0提问于2016-07-12得票数 0
通过ajaxCall，我动态地创建了一个用户列表，每个用户以单独的形式处理版主操作。比如：
<form id="'.$aSpeler['playerID'].'">
<select name="aktieopspeler">
<option value="" disabled selected>Kies actie</option>
<option value="vakantiemodusIN">Vakantiemodu
浏览 0提问于2015-01-13得票数 0
回答已采纳
1回答
可以找到正常的表单提交截取。但是，我的课不一样。在调用函数后动态添加表单。然后，无法捕获表单提交。
如何像这样捕获表单提交？最好使用Jquery，但更改动态添加的表单属性是可以接受的。
下面是一个例子。以下是我如何捕捉表单提交。
$(function() {
$(".formClass").submit(function(e) {
e.preventDefault();
var actionurl = e.currentTarget.action;
alert(actionurl);
});
});
下面是在调用函数- eOb
浏览 1提问于2015-03-04得票数 0
回答已采纳
2回答
我使用一个搜索按钮，在服务器端创建一个表单动态，并使用Jquery语法返回它。在我填充表单并单击submit按钮之后，还有另一个.submit() Jquery函数，它应该在数据发送到服务器之前被调用来验证输入。但是，由于某种原因，这个函数永远不会被调用，数据就是请求被发送。详情如下：
这是serach按钮在服务器端动态创建的表单，并使用Jquery“打印”到html页面：
<form action=... name="stockbuyform" class="stockbuyform" method="post">
<inpu
浏览 3提问于2010-05-15得票数 2
2回答
我正在用jQuery写一个表单，遇到了一些困难。
我的表单在静态页面(html)中运行良好。
但是，当我在动态页(Aspx)中使用表单时，表单的行为不正确。我不能将项追加到表单并调用form.serialize函数。
我认为当一个表单在另一个表单中时(.aspx代码需要用表单标签括起来)，就会出现错误。
我该怎么办？
让我给出我的代码的一个简化版本：
<form name="Form1" method="post" id="Form1">
some content
<form name="form_inside"
浏览 0提问于2009-07-02得票数 2
回答已采纳
我目前在一个页面上有两个表单，一个是更新表单，一个是添加表单，我想做的是在提交这两个表单时，拉出该表单的id，以及操作，验证特定的表单，然后加载从with服务器返回的内容。
我通过专门使用每个表单的id让它工作，但js代码重复了两次，我希望它更具动态性。
<script src="assets/js/jquery-1.8.2.js"></script>
<script src="assets/js/bootstrap.js"></script>
<script src="assets/js/jquer
浏览 2提问于2012-10-20得票数 1
回答已采纳
1回答
提交验证对话框中的Zend表单
、、、、
我在创建web应用程序方面非常新，我想寻求关于dojo和zend框架的帮助。我在表单提交的验证方面有问题，还需要在单击表单内的按钮(添加新的版主按钮)时创建动态元素。
我需要的是：
validation.Form 弹出的对话框，其中包括zend。窗体应该有，当单击“新版主”时，应该创建动态文本元素。表单提交时的。
如果在验证期间发生错误，请在弹出的对话框上显示错误，并让用户修复错误。成功后，将用户重定向到调用弹出对话框的父页面.
我现在拥有的是：
表单:在元素创建上进行验证的表单。视图元素，它有一个声明式dijit对话框，其中我“回显”了zend。A按钮，它将触发并显示dijit对话框。A控制
浏览 0提问于2011-09-19得票数 0
回答已采纳
我有一个带有选择选项和表单的网页，当用户更改选择时，我的jquery脚本函数将动态执行ajax POST，以不同的表单(新表单元素)替换原始表单。
但是我注意到Click处理程序($(button).click()事件)在新生成的表单上不起作用。请在这方面提供帮助。
这是Jquery中的已知问题吗？
<select id=choice><option>....</select>
<div class=mytable>
<form id='dataform-10'>
.....
<button id="ed
浏览 19提问于2019-10-27得票数 1
回答已采纳
我正在用laravel 5开发eCommerce网络应用程序。
我有products表和product_options表，两者都建立了One-To-Many关系。
在管理面板中，我提供了在单击按钮时动态添加产品选项表单的功能，这很好。
但是当使用jquery点击按钮发布表单时，我得到了MethodNotAllowedHttpException。
这是route
Route::post('/admin/products/options', 'ProductsController@storeOptions');
控制员：
public function storeO
浏览 1提问于2015-06-26得票数 1
回答已采纳
1回答
我正在使用<img>动态地在表单中创建一个JQuery，并希望在表单提交时保存这个动态添加的映像。
问题是，我不知道如何在控制器操作中接收/读取此图像以保存。我尝试使用下面的代码在<img>中添加一个<img>属性。
$("form").append("<img name="+ "UPIMG" + " src=" + event.target.result + " />");
在服务器端(实际操作中)，我尝试使用下面的代码读取动态创建的<img>，但
浏览 1提问于2013-12-02得票数 0
当用户单击按钮时，我的网页上有一个附加到div的表单。我有当用户单击按钮时触发的JQuery，这会发送一个AJAX调用到一个PHP页面，该页面将表单返回给AJAX，然后将其附加到div。现在，我使用JQuery来处理这个新表单的提交，但是它似乎不适用于附加的表单。这是因为表单在第一页加载时不存在吗？我能做什么?
JQuery可以很好地处理从一开始就存在的完全相同的表单。
我的JQUERY：
$(".comment-form").submit(function() {
// Jquery form stuff
});
浏览 1提问于2014-01-25得票数 0
回答已采纳
我正在尝试获取表单id并将其动态地传递到脚本中：
jQuery(document).ready(function() {
var theFormID = jQuery(parent.document).find('.theformclass').find('input[name="form_id"]').val();
});
<script type = "text/javascript" >
jQuery(document).ready(function() {
jQuery('.somebu
浏览 0提问于2016-06-07得票数 1
2回答
我有许多带有form_for元素的动态创建表单(，form_for)。我需要创建一个点击提交。当我单击复选框时，它会提交页面上的第一个表单，而不是当前的单击表单。如何提交当前的单击表单？
<%= form_for todo, url: update_todos_path, remote: true, html: { id: 'todo_status'} do |t| %>
<%= t.text_field :id %>
<%= t.check_box :isCompleted, {},
浏览 5提问于2017-01-31得票数 1
回答已采纳
1回答
我正在制作一个动态加载到内容区域的表单。该表单的一部分应由jQuery在单击链接时复制，以添加更多参与者。问题是，它不会响应。我在here和google上搜索过，但由于某种原因，给出的答案不起作用。
下面是html (或者至少是其中最重要的部分)：
<div id="container">
<div id="main">
<div id="content">
<div>
<h1>Hello, I am a
浏览 2提问于2013-01-18得票数 0
4回答
使用jquery查找表单元素总数的可能方法是什么？为了清楚起见，下面是代码
<html>
<body>
<form>
<div>
Name
<input type="text" class="name">
</div>
<div class="radioselect">
Yes
<inp
浏览 0提问于2013-08-12得票数 2
回答已采纳
1回答
我使用Jquery validation ()来验证表单。我的代码：
<div id="form-section"></div>
<button id="add-form" type="button">Add form</button>
<script>
$(document).ready(function () {
$('#add-form').click(function () {
$('#form-secti
浏览 0提问于2015-10-21得票数 0
我有一个HTML表单，当我点击一个按钮时，它会生成另一个字段。问题是动态创建的输入字段没有样式化。
以下是我的HTML表单：
<form id="form">
<input type="text" id="enter"/><br>
</form>
<button id="add_field" class="button"">Add button</button>
生成一个新字段的jQuery (它可以工作)：
$('#a
浏览 6提问于2014-10-17得票数 0
回答已采纳
我有一个web表单，它是用几十/数百个表单元素文本字段动态构建的。
是否有一种方法可以使用$().change(function(){});或其他方法来(a)激发jQuery/Ajax在后台做一些事情，以及(b)捕获哪些特定的表单元素实际更改并使用其更改的值？
我可以处理Ajax部分。我在onChange事件上没有成功。
谢谢。
* JS文件看起来像这个 *
jQuery.support.cors = true; // needed for ajax to work in certain older browsers and versions
$(document).ready(functi
浏览 0提问于2012-03-06得票数 4
回答已采纳
12回答
动态创建和提交表单
、、、
在jQuery中有没有办法动态地创建和提交表单？
类似于下面的内容。
<html>
<head>
<title> Title Text Goes Here </title>
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
$(document).ready(function(){alert('hi')});
$('&l
浏览 0提问于2011-11-04得票数 85
回答已采纳
我使用jquery在我的django模板中使用动态表单，但是当我向表单添加submit按钮或csrf标记时，动态表单停止工作，并且我不能再添加新字段。
这是我的html文件
<html>
<body>
<form method="post">
<p>
<label>Name:</label> <input type="text">
<label>Number:</label> <input type="
浏览 2提问于2021-04-19得票数 0
3回答
将事件附加到动态创建的窗体
、、、、
我有一个简单的网页，它从数据库中抓取一个项目列表，并将它们作为表单显示，用户可以更新它们。我试图获取提交事件，并使用ajax更新表单。但是，我不知道如何使我的jQuery函数知道我新创建的表单。以下是我的HTML：
<body>
<ul class="flight-list">
<li>
<form>form stuff</form>
</li>
<li>
<form>form stuff</form>
<
浏览 4提问于2015-02-27得票数 1
回答已采纳
3回答
根据表单的I，一个页面上有几个不同的表单。ID与附加的_0、_1、_2等不同( rails每个do循环创建的索引值)。
我试图验证这些表单，但是为了保持代码的干燥，我希望表单选择器是动态的。我需要获取表单的ID值("_0")并将其添加到jQuery选择器中。
这个给出了我现在如何处理这个问题的例子。验证()块内部的代码在jQuery函数之间是相同的。我需要将选择器变量设置为如下所示：
$("new_loan_question_answer_"+i)
我不知道如何将_0或_1从HTML传递给jQuery函数。
表单html
<div class="f
浏览 3提问于2015-01-22得票数 1
回答已采纳
我有一个zend_form，允许用户动态添加表单元素。使用jQuery动态添加元素:类似于...
$(function(){
$('#more_answers').click(function(){
var elemNum = $('.dummy-element').size();
$("<dd class='dummy-element' id='dummyanswer_"+elemNum+"-element'><input type='text' v
浏览 0提问于2010-07-21得票数 3
我编写了一个绑定到页面上8个元素的jQuery插件，我想使用.live()将单击操作绑定到每个元素中的一个链接。当你点击这个链接时，它应该会使用ajax发布一个表单。问题是所有8个元素的所有链接都提交了页面上第一个元素的表单。当我使用.click()时，一切都正常工作。我更喜欢使用.live()，因为我可以动态添加更多的元素。
下面是一些与我正在做的事情类似的代码：
var $container = $(this);
var $form = $container.find('form.some_form');
var $button = $container.f
浏览 1提问于2009-10-28得票数 4
回答已采纳
1回答
我在一个HTML页面中有几个表单，主要思想是这些表单提交是相互独立的，并且使用AJAX来防止整个页面重新加载。
这意味着搜索段是一个表单，在成功完成搜索之后(使用AJAX)，每个搜索结果将显示为一张卡片，其中包含另一个表单，其中包含一个单独的投标字段。
奇怪的是，尽管我尝试使用与搜索相同的添加出价技术，但每次提交出价时页面都会刷新，请求将成为URL的一部分：
以下是我的HTML：
<!-- Card display: cards are generated dynamically -->
<div id="card-container
浏览 2提问于2017-10-25得票数 0
回答已采纳
2回答
我有一个脚本，它可以动态地将行添加到具有默认值的表单中：
$(document).ready(function() {
var defaults = {
'name[]': 'Name',
'email[]': 'Email',
'organisation[]': 'Organisation',
'position[]': 'Position'
};
浏览 0提问于2011-05-30得票数 3
回答已采纳
1回答
大家好，这是我的动态表单，我在此表单中使用select2搜索选项，但它不起作用
这个头
<script src="jquery-3.3.1.min.js" type="text/javascript"></script>
<!-- Select2 JS -->
<script src="select2/dist/js/select2.min.js" type="text/javascript"></script>
这是我的动态html表
浏览 1提问于2021-02-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
