账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    关于fancybox弹出框数据提交
    25
    0

    现在有个需求,就是点击按钮后弹出一个弹框,在弹框中有个文本框,输入数据后提交。我现在用fancybox做了个弹框,但是后面在提交数据的时候出了问题,点击提交按钮后发现数据并没能提交,请问这个问题如何解决?
    $('#phone_button').click(function() {

        $.fancybox.open("<div><form id='fanbox_phone'><input type='text' id='phone_num'/><input type='submit' id='phone_num_submit'/></form></div>");
    });
    $('#fanbox_phone').ajaxForm({
        url: "/users/update_phone",
        type: "POST",
        beforeSubmit: function (a, f, o) {
            console.log(123);
            f.find("input[type=submit]").prop("disabled", true).addClass("disabled");
        },
        success: ajaxCallBack
    });
    
    上面是我js代码,“123”是没有打印出来的
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • Fancybox弹出框是一个用于显示和编辑媒体文件的工具。在使用Fancybox弹出框进行数据提交时,你需要确保数据已经成功地保存在服务器上。

      以下是一个简单的示例,展示如何在Fancybox弹出框中显示一个上传按钮,并在用户点击按钮后将数据保存到服务器:

      ```html

      图片描述

      ```

      在这个示例中,当用户点击Fancybox弹出框中的上传按钮时,Fancybox弹出框将显示一个文件选择器。用户可以在文件选择器中选择要上传的文件,然后点击上传按钮。当用户点击按钮时,服务器将接收到一个包含上传文件的表单数据,并将其保存到服务器上。

      注意,这个示例假设你已经在你的服务器上设置了一个用于接收表单数据的服务器端端点。你需要将url变量替换为你的服务器地址,将fileToUpload变量替换为你的文件上传表单数据的名称。

      此外,这个示例也假设你的服务器已经接收到POST请求,并且正在处理这个请求。如果你的服务器不处理POST请求,你可能需要修改$.ajax的请求方法。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部