通过fancybox modal & jquery进行表单提交验证
是一种前端开发技术，用于验证用户在表单中输入的数据是否符合要求。下面是对这个技术的完善且全面的答案：
概念： 通过fancybox modal & jquery进行表单提交验证是一种基于jQuery和fancybox modal插件的前端开发技术，用于在网页中使用弹出窗口的方式展示表单，并对用户输入的数据进行验证。
分类： 这种技术属于前端开发领域中的表单验证技术。
优势：
- 提升用户体验：使用弹出窗口的方式展示表单，可以提升用户在填写表单时的舒适度和便捷性。
- 实时验证：通过使用jQuery进行表单验证，可以实时检测用户输入的数据是否符合要求，及时给出错误提示，提高用户填写表单的准确性。
- 灵活性：fancybox modal插件提供了丰富的配置选项，可以根据需求自定义弹出窗口的样式和行为，使表单验证满足各种设计需求。
应用场景： 通过fancybox modal & jquery进行表单提交验证适用于任何需要在网页中展示表单并对用户输入进行验证的场景，例如注册页面、登录页面、用户信息修改页面等。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的前端开发和云计算相关产品，以下是一些推荐的产品和对应的介绍链接地址：
- 腾讯云CVM（云服务器）：https://cloud.tencent.com/product/cvm
- 腾讯云COS（对象存储）：https://cloud.tencent.com/product/cos
- 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
- 腾讯云SCF（无服务器云函数）：https://cloud.tencent.com/product/scf
- 腾讯云API网关：https://cloud.tencent.com/product/apigateway
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行。
相关·内容
1回答
我正在为表单使用fancybox (在joomla 2.5中使用virtuemart 2.0.18)，当用户单击“立即购买”按钮“fancybox”打开时，当单击“提交”按钮提交表单时，“提交”按钮成功地添加到购物车中，但在“fancybox”和“下一页”中打开此fancybox中的下一页时，我不希望在此花式框中打开下一个窗口，
我希望当用户点击提交按钮时，花式框关闭
萤火虫给我看了这些错误
SCRIPT438:对象不支持属性或方法'vm2front‘jquery.min.js，第16行字符13143
SCRIPT5009：'Hash‘是未定义的modal.js，第7行为字
浏览 1提问于2013-05-27得票数 1
回答已采纳
2回答
我使用了jQuery+asp.net webforms，也使用了jQuery验证插件和Fancybox插件。当我单独使用这些插件时，我的代码运行良好。我的网页表格是用来注册用户的。
在提交到服务器之前，我使用验证插件来验证我的表单，当用户单击asp.net图像按钮(它呈现为输入图像“type=”html标记，ID="btnSave")时，该表单将被验证并提交。它已经达到了预期的效果。
fancybox插件用于显示在另一个used表单上动态生成的pdf文档。当用户点击一个锚点("a“元素，ID="btnShowFancybox")时，它就起作用了。
我想在
浏览 1提问于2010-05-13得票数 0
我有一个问题的wp联系人表7和花里胡哨的盒子。我需要在表单提交后显示隐藏的内容。当我的表单被提交时，我无法显示该代码。
<div class="col-md-offset-8 col-md-4 text-center"><a class="btn btn-primary show" data-fancybox="modal" data-src="#modal" href="javascript:;">View The Technical Specification </a>&l
浏览 0提问于2017-10-05得票数 0
1回答
我使用Fancybox触发一个搜索表单弹出窗口，该表单使用Javascript验证来检查和提交。我遇到的问题是，我不能让Fancybox屏幕关闭，然后运行函数。下面是我目前正在使用的代码：
<form id="searchForm" method="post" action="<?php echo $search; ?>.php?type=rad" onsubmit="javascript:parent.jQuery.fancybox.close();">
$('#enterButton'
浏览 4提问于2013-10-19得票数 0
1回答
我有fancybox，我想在那里提交一份表格。另外，我想通过PHP代码来处理这个表单，它在同一个页面中。下面是我的密码。
function lunchModal(itemID){
jQuery('.share').on('click', function(){
$data = '<div class="shareModal" ><div class="modal-header"><h3>Share Form Submission</h3>
浏览 2提问于2013-10-08得票数 1
回答已采纳
6回答
使用AJAX提交表单
、、、
我正在使用Ajax和JQUERY来提交表单。由于某些原因，我似乎无法让AJAX运行。该表单位于fancybox 2模式中，因此我认为这可能与它有关，但我无法理解它。对于在fancybox模式中进行AJAX调用，我需要做些什么吗？
我的代码: collection_create_input为真
$(".edit-post").submit(function(e) {
var dataString = $(this).serialize();
if (collection_create_input == "true") {
$.ajax({
浏览 0提问于2014-01-30得票数 0
我正在使用Sitecore 7.2网站上安装的Web Forms for Marketers模块和fancybox插件设置网关表单(该网站使用的是fancybox 1.3.4版本，我无法更新此版本，否则可能会破坏使用此插件的网站上的其他功能)。
表单的工作原理是这样的:用户点击页面上的一个链接，就会打开一个弹出窗口，里面有一个他们必须填写的表单，然后才能访问下载。
到目前为止，我已经完成了一些工作，当单击页面上的链接时，fancybox模式将打开并显示WFFM表单。
下面是执行此操作的jQuery：
jQuery.noConflict();
(function($) {
$(docum
浏览 14提问于2017-03-16得票数 0
回答已采纳
1回答
下面是我用来防止/允许用户单击submit按钮后提交表单的jQuery。这样做的目的是显示一个fancybox模式对话框窗口，其中包含用户输入的供审阅的数据。如果他们喜欢，他们点击Looks Good!，表单被提交回ASP MVC3控制器。如果不是，由于e.preventDefault方法已经被调用，那么模态窗口就会关闭，并且它们可以重新输入数据。
问题是，很明显，正如我现在所写的，如果用户对他们输入的数据感到满意，整个事情将进入一个无限循环，因为我是Look's Good!按钮，首先调用显示它的方法。
是否有一种在submit()函数中创建“独立”方法的方法，这样我就可以访问事件对象
浏览 2提问于2013-08-19得票数 0
回答已采纳
提交时，我想触发fancybox弹出窗口
我只需要在表单验证后显示fancybox弹出窗口(使用JQUERY验证)
它似乎只有在表单填写不正确时才会弹出fancybox弹出窗口！
我不确定如何加载popup fancybox函数，只要表单通过验证：
<script type="text/javascript">
$().ready(function() {
// validate the competition form when it is submitted
$("#ie9_competition").validate({
浏览 3提问于2012-04-10得票数 0
回答已采纳
我正在使用Fancybox显示表单。
在提交表单时，代码通过Ajax处理表单内容。
完成后，我希望代码显示一个模态对话框，通知用户一个类似于“操作已完成”的操作。
我这里有个JS代码
$(".fancybox").fancybox({
afterShow: function() {
$( '#foo_form' ).on( 'submit', function( event ) {
event.preventDefault();
$.ajax({
浏览 3提问于2013-12-11得票数 0
1回答
以一种具有这种行为的形式：
<form action="email.php">
实际行为：
当用户单击submit时，将使用jQuery验证检查表单。
如果一切正常，则提交数据，并将用户发送到email.php页面。
期望的行为：
当用户单击提交时，
数据被检查
如果一切正常，提交数据并打开一个弹出窗口(带有fancybox或类似的)并发出消息
如何在提交按钮上点击所有这些？
仅仅验证就可以了，Fancybox也是一样。但是两个人在一起是行不通的。
$(document).ready(function() {
$("
浏览 4提问于2015-10-12得票数 0
回答已采纳
4回答
我有一个具有多个输入和下拉字段的表单。在提交之前我需要确认。因此，我添加了对话框以确认Submit或Cancel提交的表单，并防止默认提交。
现在，当我使用自定义函数使用jquery验证输入时，它无法工作。
即使我像这样输入字段：
<form class="form-horizontal" action="{{URL::to('quick/make/reservation')}}" method="post" role="form" id="confirm_request">
浏览 4提问于2017-06-30得票数 2
回答已采纳
我想要一个通用的表单验证，打开一个fancybox模式弹出窗口，询问是或否。我希望它能工作，即使有多个表单。
为什么没有提交表单？
HTML表单：
<form method="post" action="http://192.168.0.4/jojo_cms/content/upload-delete" class="submit-confirm" id='upload-delete-form-1'>
<input type="hidden" value="enrouleur-mo
浏览 25提问于2018-02-16得票数 0
回答已采纳
1回答
我的表单submit按钮上有一些jquery，它执行数据库检查重复提交的操作，如果发现任何内容，会弹出一个窗口，然后它应该返回到主页，或者根据用户的输入提交表单。
如果可能的话，我想避免使用jquery提交，所以我想知道是否有办法进行ajax调用，然后将提交传递回MVC，以便像往常一样提交模型？还是因为我使用jquery中断提交过程而坚持使用jquery提交呢？
$("#submit").on("click", function(e) {
e.preventDefault();
var first = $("#Fi
浏览 3提问于2014-03-07得票数 1
2回答
基本上，我有一个带有表单的引导模式：
html：
<div id="modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<!-- some heading here -->
浏览 2提问于2015-09-01得票数 0
回答已采纳
我正在使用fancybox，在提交表单后，我想将我的父页面重定向到某个指定的url，我正在使用fancybox，如下所示
$(document).ready(function () {
$('[id*=addnewRequest]').fancybox({
'width': 760,
'height': 540,
'padding': 0,
'margin': 0,
浏览 1提问于2013-01-02得票数 1
回答已采纳
1回答
我有一个带有jquery表单验证插件的表单(Bootstarp3)。现在，我想在验证表单之后提交表单，当我提交表单时，我希望modal确认表单提交。我该怎么做呢？
我需要将模式放在提交处理程序中吗？
$("#dischargeform").validate({ submitHandle : { ??? } }).
浏览 1提问于2015-09-19得票数 3
回答已采纳
2回答
提交前确认表格
、、、
有个表格。提交按钮不适用于ActiveForm和id = "modal-btn-register-request"。在JQuery中，通过单击此按钮，我调用$("#modal-btn-register-request").submit()，表单已被验证或未发送到操作。如何在单击按钮之前进行验证。这都是关于按钮的，如果您插入标准的Html::submitButton，如果表单中有错误，数据就不会发送
规则在模型中的应用
public function rules()
{
return [
[['email&#
浏览 1提问于2018-03-06得票数 1
回答已采纳
我在一个网站上一起使用jQuery Validate & Fancybox，在表单提交时加载一个模态Fancybox窗口(在通过Validate验证后)，以确认订单正在处理中，但遇到了一个我无法解决的奇怪问题。在与表单相同的页面上，<a>标记如下所示：
<a href="<?=ssl_url()?>basket/processing" class="processing" id="submit_holder">PROCESSING</a>
在JS文件中，我有以下Fancybox配置：
$(&
浏览 0提问于2010-07-16得票数 0
我遇到了一个问题，浏览器的垂直滚动条(如果可见的话)将在幻灯片事件期间与fancybox幻灯片一起移动。如果运行代码段，请调整高度，使垂直滚动条可见，然后单击“下一个/前一个fancybox”按钮以观察滑动滚动条行为。
$(".fancybox").fancybox({
type: "inline",
speed: 2000
});
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://cdnjs.
浏览 13提问于2017-03-24得票数 0
回答已采纳
3回答
我有一个包含必填字段的表单，如下所示：
<form id="testForm" NAME="testForm" ACTION="./test2.html" METHOD="post">
<INPUT TYPE="text" Name="name" required="yes" />
<INPUT TYPE="text" Name="name2" />
<INPUT class=
浏览 0提问于2017-09-02得票数 0
回答已采纳
4回答
我试图完成的任务看起来相当简单，但我对PHP并没有很强的理解来执行它。我有一个简单的表格，上面有“是”或“否”单选按钮。我想在表单提交时启动一个模态窗口，并显示所有被回答为“是”的问题。我可以使用iframe很好地启动模态窗口，因为我计划在该模式中包含表单提交之外的其他内容，但是我使用的非常简单的php脚本并没有显示在该模式中。当我移除fancybox脚本并保持表单动作php文件不变时，效果很好。
我假设jquery和php脚本会在不同的时间触发冲突，但是不知道如何解决这个问题。下面是我正在使用的代码。任何帮助都是很棒的，请记住，我不知道如何编写php代码。
您可以在上看到一个有用的示例
&l
浏览 3提问于2013-08-26得票数 0
回答已采纳
我有一个用Ajax提交的表单。
我想通过在js.erb文件中打开一个Fancybox Modal窗口来响应。
我如何做到这一点并将内容加载到fancybox中。
提前谢谢。
浏览 0提问于2011-09-08得票数 1
回答已采纳
1回答
我正在使用fancybox在我的页面中显示一个表单，当表单提交时，我看到下一个页面显示在fancybox本身中，而不是导航到相关页面。
我像这样调用了一个fancybox：
<a href="login.php" id="fancybox_iframe" title="Please Login">
<img src="login.png"></a>
这是jquery代码：
$("#fancybox_iframe").fancybox({
'width'
浏览 0提问于2012-01-17得票数 2
回答已采纳
1回答
我是Jquery的初学者，在我的PHP应用程序中使用Fancybox (类型: iframe)。
在iframe中，有一个表单，一旦用户填写并提交了表单，Fancybox应该调整大小，以便容纳一旦处理完表单数据将被转发回来的数据。
当用户关闭Fancybox警报时，我也希望站点的主页能够刷新。
这是如何做到的呢？
谢谢
浏览 2提问于2010-09-13得票数 2
我使用fancybox来显示包含表单的iFrame。当表单提交时，我关闭fancybox，如下所示：
parent.jQuery.fancybox.close();
然后，我在afterClose事件上做一些AJAX操作。
我遇到的问题是，如果有人通过单击“关闭”按钮或单击fancybox外部的调光器关闭fancybox，那么它仍然会调用afterClose函数中的AJAX函数。
如何检测fancybox是如何关闭的，并且只有在fancybox已经关闭时才运行afterClose函数：
parent.jQuery.fancybox.close();
我仍然需要给我的用户关闭fancybox的选
浏览 7提问于2015-09-17得票数 0
我已经创建了一个小表单的花式弹出窗口，我希望该弹出窗口应删除后提交的形式。请帮我找出正确的解决方案。
<form id="form" method="post" name="legal_cust" action="javascript:formSubmit();">
// all stuff here with html form
</form>
然后我调用了javascript函数，然后我想从javascript函数中关闭fancybox。`
<script>
if(!check_cooki
浏览 9提问于2018-01-15得票数 1
提交表单后，正在尝试打开Fancybox。我也在尝试做一个对php脚本的ajax调用...我不知道该把它放在哪里。下面是代码。如果任何人有任何想法，我将不胜感激。正如你可能会说的那样，我不知道我在用AjaxForm做什么。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/x
浏览 2提问于2010-09-12得票数 0
我在使用jquery fancybox时遇到了问题。我在fancybox中显示一个表单。使用iframe。当我单击弹出窗口上的任何位置时，它都会关闭。如果单击textbox/textarea，它将关闭。我希望它只在我单击“关闭”按钮或“提交表单”按钮时关闭。有什么帮助吗？
对于链接-
<a href="{$this_path}productquestion-form.php?id_product={$smarty.get.id_product|intval}&content_only=1&TB_iframe=true&width=570&heigh
浏览 1提问于2011-05-08得票数 1
1回答
提交按钮关闭花哨的盒子
、、、
我有一个在fancybox模式中显示的表单。我使用JQuery和AJAX提交表单。但是由于某种原因，当我点击提交时，fancybox模式关闭了。表单可以通过我的JQUERY和AJAX提交。这是一个问题，因为如果有任何错误，它们应该显示在模式内部。我能做些什么来阻止它在提交时关闭？
我的JQUERY和AJAX：
$("#change-pass").submit(function() {
var dataString = $(this).serialize();
var $this = $(this);
$.ajax({
浏览 2提问于2013-07-24得票数 0
我想在有人尝试提交表单时显示一个fancybox。所以我得到了这个：
$('#login-form').submit(function(e) {
$.fancybox({
content: '<h2>Hello Fancybox</h2>',
modal: true
});
return false;
});
效果很好，但我更喜欢使用div，而不是尝试指定内容字符串中的所有HTML。我可以用这个弹出吗？
<div style="display:none" id=
浏览 1提问于2011-04-28得票数 18
回答已采纳
3回答
如何在提交时重新加载页面
、、、、
我有一个Bootstrap Modal，其中包含一个表单。Modal还包含一个提交和取消按钮。cancel按钮工作正常，正在成功关闭Modal。现在，根据我在提交按钮上单击Modal的要求，表单通过将用户输入传递到Web服务而成功提交，但是Modal没有关闭。此外，我需要重新加载提交按钮点击事件的页面只。这是我的HTML..
<div class="modal fade" id="StudentModal" tabindex="-1" role="dialog" aria-labelledby="StudentMod
浏览 4提问于2015-11-03得票数 6
2回答
在调用模式之前验证窗体
、、、
我有一个带有提交按钮的表单，当单击该按钮时，它会打开一个确认模式，这是一个Twitter Bootstrap模式。如果单击modals confirm按钮，它将提交表单，但验证是在单击模式按钮而不是表单按钮之后进行的。我还使用了jQuery验证
我想让表单首先验证，停止提交，显示确认模式，然后如果确认提交表单。
我意识到这可能是不可能的，但我不知道如何做到这一点。
<form action="URL" method="POST" id="validation-form" class="confirm-form">
浏览 3提问于2013-10-18得票数 0
2回答
我有这个功能
jQuery("form#add_cv").submit ( function(){
if (Spry.Widget.Form.validate(this) == true){
jQuery("#show_rules").fancybox({
'padding' : 0,
'autoScale' : false,
'autoDimensions'
浏览 2提问于2010-02-25得票数 1
回答已采纳
2回答
使用模块fancybox，我尝试在一个模式页面(fancybox)中显示一个图片库。
问题是图像显示了11次，我不知道为什么。我已经搜索过了，而且我使用了正确的语法。
下面是我的代码：
JQUERY
$(".testGatorade[rel=group1]").fancybox({
'speedIn' : 200,
'speedOut' : 200,
'overlayShow' : false,
浏览 0提问于2012-07-31得票数 0
如果在下一个表中选择了一些行：
<table id ="XX">
...
<tr>
<td><input type="checkbox" id="1"></td>
</tr>
...
</table>
我展示了这个对话框：
jQuery("#btnActivar").fancybox({
content: jQuery("#ConfirmacionGuardar").html(),
modal: false,
浏览 6提问于2014-09-26得票数 0
回答已采纳
我有一个在模式中打开的表单。我想对此进行验证。但是，我尝试实现了jQuery表单验证，但徒劳无功。不能触发表单验证的主要原因是表单提交按钮是使用javascript触发的。当表单提交时，它不会执行验证部分。
这方面的工作是什么？
以下是表单:：
<div id="__paymentModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
浏览 0提问于2013-06-28得票数 0
回答已采纳
我正在构建一个页面，在这个页面上，你点击一张图片，就会弹出一个内联的Fancybox模式，它会给你一些关于图片的信息。在该模式下，如果单击Download，内联内容将淡出，而内联表单将淡入。
我遇到的问题是表单不能使用这里的验证插件进行验证: bassistance.de/jquery-plugins/jquery-plugin-validation/
如果我立即加载内联表单，而不是信息内容，那么它确实可以工作，所以我认为问题出在fadeIn/fadeOut上。
有没有人遇到这个问题或者有什么建议？
更新：
下面是一些示例代码：
在标题中：
<style>
#info, #
浏览 0提问于2013-05-03得票数 0
回答已采纳
6回答
键入时存储的表单输入
、、、
嘿，伙计们，我有一个表单，有3个字段，1个输入，1个选择和1个文本区域。有没有一种方法可以在输入时存储信息？
我需要它的原因是，如果您没有登录，提交按钮将带您到一个fancybox与另一个登录表单或注册表单。因此，当然，如果用户登录的页面正在刷新，并且丢失了他们输入的文本。
谢谢。
浏览 1提问于2010-11-29得票数 1
回答已采纳
1回答
我有一个html表单，我首先希望用jQuery验证库jquery.validate.min.js和验证它，如果表单是有效的，那么将表单提交到一个位置。
我尝试了以下几点：
<html>
<head>
<link rel="stylesheet" href="../../common/view/css/bootstrap.min.css" type="text/css">
<script src="../../common/view/js/jquery.js&
浏览 5提问于2016-07-20得票数 7
回答已采纳
我使用以下方法在表单提交后禁用所有提交按钮，以防止人们双击提交按钮等：
jQuery (function ($) {
$('form').bind ('submit', function () {
$(this).find ('button').attr ('disabled', 'disabled');
});
});
我使用的是jquery.validate，如果出现验证错误，当表单提交时，它仍然会触发“提交”，因此用户会得到一个有错误的表单，并禁用提交按钮。
我如何修改上面的代
浏览 1提问于2011-04-19得票数 1
回答已采纳
Fancybox有一个特性，它使用类似这样的jQuery(thumbnails).addClass("fancybox").attr("rel","fancybox").getTitle();为页面上的每个图像添加fancybox类。
我想用Twitter Bootstrap Modal为<img>标签做一些类似的事情，这样我就不必为每个图像都打电话了。本质上，我希望将bootstrap-modal.js用作内联图像查看器，就像Lightbox/Fancybox一样。
我找到了这个：，但演示程序显示您必须对每个图像进行调用。
我该怎么
浏览 4提问于2012-04-21得票数 1
回答已采纳
我有一个基本的html/php表单，带有jquery验证。我希望用户能够单击一个显示“预览”的链接，加载fancybox，然后我将呈现数据预览，这意味着组合元素。例如，用户可以选择iframe的背景。以下是我的表单的基本信息-
<form action="loggedin.php" enctype="multipart/form-data" id="message_form" method="post">
<h4>Who would you like to send a message t
浏览 1提问于2013-06-06得票数 1
回答已采纳
我需要修改下面的代码，在Caspio表单中作为弹出窗口从提交运行，以重定向父页面(而不是刷新它)并关闭弹出窗口。
当前代码为：
<script>
setTimeout(function() {
window.parent.location.reload();
window.parent.jQuery.fancybox.close();},
2000);
</script>
我认为下面的内容是我所需要的，但是我不能正确地理解语法：
setTimeout(function() {
浏览 0提问于2017-11-15得票数 1
我的ASP.NET表单上有少量的模式弹出助手对话框。我们使用jQuery对话框来实现这些功能。在将modal中的数据传输回父窗体上的摘要字段之前，我需要对modal上的字段执行一些验证。
实际上，如果我在modal上输入了所有内容，但是(比方说)还没有在父级上输入某些必填字段，modal将不会提交，错误消息会出现在modal后面的页面上。
我的猜测是，我需要将模式上的<asp:LinkButton>更改为CausesValidation="false"，并添加一个OnClientClick处理程序来通过jQuery执行所有这些验证，并删除所有的ASP验证器。幸运的是
浏览 0提问于2012-12-22得票数 0
回答已采纳
我有一个Fancybox表单(iframe)。当用户提交表单时，我让它刷新父页面。但是，如果用户决定在不提交的情况下关闭Fancybox表单，则父页面的刷新仍在进行。
这是我的花哨的盒子代码：
<script language="JavaScript">
$(document).ready(function() {
$(".edit_product").fancybox({
autoScale : true,
fitToView : false,
autoSize : false
浏览 1提问于2014-01-06得票数 1
如何在Bootstrap 3的模式窗口中显示表单post的结果？
我有一个项目列表，每个项目都有一个“编辑”按钮。单击编辑按钮时，我需要发送到一个表单，并使用响应触发一个模式弹出窗口。我正在尝试使用jQuery的.ajax()函数来实现这一点，我不确定这是否是最好的方法：
$(".editForm").submit(function() {
$.ajax({
type : "POST",
cache : false,
url : "./edit_form.p
浏览 1提问于2013-12-24得票数 3
11回答
JQuery模式框和Iframe
、、、、
我一直在使用Simple Modal，我觉得它不能满足我目前的需求。
是否有一个模态框支持加载外部文件，并允许这些外部文件关闭模态框并将父页面重定向到某个url。
这是我想做的一个例子。你有一个用户列表，你可以点击"Add user“，弹出一个带有表单的Modal Box，你填写并提交它。这将关闭该框并重新加载用户列表页面，这样您就可以在列表中看到该用户。
然后你可以点击“编辑用户”，将弹出一个模式框，在表单字段中填写了用户信息，你可以编辑，提交，它将关闭并刷新。
我知道这是可以做到的，如果我有用户信息表单作为每个用户的隐藏div，但这将不会很好地扩展，它是大量的开销数据。
我找到了一
浏览 16提问于2009-02-04得票数 19
回答已采纳
2回答
我有一个包含一些javascripts的项目。一个图像查看器，一个旋转木马，一些切换，现在我需要做一个弹出式表单。但当我插入弹出窗口的javascript时...就是停止工作。我怎么才能让所有的东西都工作呢？或者任何帮助我创建弹出表单的提示(而不是我现在使用的这个)。提前感谢
这是标题中的脚本
<script src="js/jquery-2.0.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="tex
浏览 0提问于2015-03-10得票数 0
我正在用表单验证io验证一个表单，如果在通过ajax提交之前克隆整个表单会发生什么，如果我在后面得到一个错误，加载一个错误消息与一个按钮，如果点击再次加载表单，但验证器不工作一次被加载。
以下是我的代码的一部分，如果有人可以帮助我的话：
$.on("success.form.fv", function(e){
e.preventDefault();
var $form= $(e.target);
var modal= $form.children(".moda
浏览 1提问于2016-04-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
