表格方法和灯箱(或替代)

时间:2014-09-30 06:31:02

标签: javascript php html forms lightbox

我一直在寻找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})

动作,而不是php?

干杯,Trin

1 个答案:

答案 0 :(得分:0)

如果您想使用TinyBox,您需要在发布之前序列化您的表单。这是使用jQuery的最快和最简单的方法之一(如果你没有做到这一点,只需添加引用。)

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

第一个抓住&#34;动作&#34;来自表单的url,第二种方法是使用TinyBox发布表单。

当用户提交表单时,此代码应显示一个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>

块。