提交表单(jquery)并在彩盒中显示结果

2024-04-26

我有一个想要提交的表单,该表单正在发布到 php 脚本来处理表单数据。

我需要做的是点击提交后有一个彩色框弹出窗口,其中包含 php 结果。

这可以做到吗?

这就是我一直在尝试的:

$("#buildForm").click(function () { // #buildForm is button ID
    var data = $('#test-buildForm'); // #test-buildForm is form ID

    $("#buildForm").colorbox({
        href:"build_action.php", 
        iframe:true, 
        innerWidth:640, 
        innerHeight:360,
        data: data
    });
    return false;
     });

更新:这需要在 iframe 中返回 build_action.php 特别包含了这些结果的 css 和 js。


这是简单的、未经测试的代码,但它会给你一个很好的起点,这样你就可以详细说明你想要的内容:

<form action="/path/to/script.php" id="formID" method="post">
  <!-- form stuff goes here -->
  <input type="submit" name="do" value="Submit" />
</form> 

<script type="text/javascript">
$(function() { 
    $("#formID").submit(function() {
        $.post($(this).attr("action"), $(this).serialize(), function(data) {
            $.colorbox({html:data});
        },
        'html');
        return false;
    });
});
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

提交表单(jquery)并在彩盒中显示结果 的相关文章

随机推荐