表单方法和灯箱（或替代）答案

【问题标题】：Form method and lightbox (or alternative)表单方法和灯箱（或替代）
【发布时间】：2014-09-30 06:31:01
【问题描述】：

我一直在查看an older post，试图找出在灯箱中显示确认 PHP 的解决方案。

由于我对 javascript 和 ajax 的了解接近于零——嗯，它是零——我希望有人能详细说明。

<form method="post" action="contact.php">

是基本的表单方法。我可以使用Tinybox2 之类的东西并简单地添加

TINY.box.show({url:'submit.php',post:'id=16',width:200,height:100,opacity:20,topsplit:3})

到action，而不是php？

干杯，特林

【问题讨论】：

标签： javascript php html forms lightbox

【解决方案1】：

如果您想使用 TinyBox，您需要在发布表单之前对其进行序列化。使用 jQuery 的最快、最轻松的方法之一（如果您还没有这样做，请添加参考。）

TINY.box.show({url: $("form").prop("action"), post:$('form').serialize(),width:200,height:100,opacity:20,topsplit:3})

第一种方法从表单中获取“操作”url，第二种方法使您的表单与 TinyBox 一起发布。

当用户提交表单时，此代码应显示一个小框：

$("form").submit(function( event ) {
    event.preventDefault();
    TINY.box.show({
        url: $("form").prop("action"), 
        post: $('form').serialize(),
        width:200,
        height:100,
        opacity:20,
        topsplit:3
    });
    return;
});

把这个放在里面

<script type="text/javascript">
$(document).ready(function () {
   // Here.
}
</script>

阻止。

【讨论】：

这是否意味着您将添加上述代码，例如
还是其他地方？
如果您将其添加到操作中，那将不起作用；但是如果您想在提交表单时显示一个灯箱（例如：通过按下按钮），这可以实现，我可以将其添加到我的答案中。
非常感谢！
Aweomse，感谢您的建议。我会玩一会儿。非常感谢！
没问题。如果这不起作用，我仍然可以建议另一种方式来发布您的表单，但代码会略有不同，可能会更长。