首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >无需刷新的PHP验证

无需刷新的PHP验证
EN

Stack Overflow用户
提问于 2018-06-24 04:53:36
回答 1查看 54关注 0票数 0

我是最初的程序员。我学习PHP的时间很短,目前我正在为热爱书籍的人编写一个社交媒体应用程序。几天来,用户注册是一个问题,表单被放置在“模式”中,并使用JS添加到那里,问题是发送表单后页面被刷新,所以我想问一下,是否有可能编写脚本,它将返回验证结果而不刷新,并在正确发送数据到数据库后,有关注册的信息出现。

这是指向所有文件代码的链接:https://hastebin.com/pudisakowi.xml

抱歉,如果这是一个愚蠢的问题,但我不知道如何通过这个问题。

我尝试过这样的代码

$(document).ready(function() {
const regiterUrl = "link to the register_page.php";

$("#registerForm").on("submit", function(event) {
    event.preventDefault();
    const formData = $(this).serialize();
    $("#login-text").fadeIn();
    $("#div-form").hide();
    $("#btn-register").attr("disabled", true);
    $.ajax({
        type: "post",
        url: regiterUrl,
        data: $("#registerForm").serialize(),
        success: function(response) {
            setTimeout(() => {
                console.log(response);
                $('#exampleModalCenter').modal('hide')
            }, 2000);
        },
        error: function(response) {
            alert("WYSTĄPIŁ BŁĄD");
        }
    });
});

});但它总是成功,并且不会将任何内容保存到数据库。

我将非常感谢您的指导,或者指出当前代码中的错误所在。

EN

回答 1

Stack Overflow用户

发布于 2018-06-24 05:12:25

我快速浏览了一下,我认为这个令人耳目一新的问题是因为type=“提交”。

<button class="btn btn-info" type="submit" name="register">Zarejestruj</button>

你可以这样做:

<button class="btn btn-info register_btn"  name="register">Zarejestruj</button>

然后:

$(".register_btn").on("click", function(event)... 

此外,你不需要整个东西的表单标签,所以你可以删除表单标签行,如果你想把数据传递给ajax,最好写成data:{param1:value,param2:value}而不是整个注册公式...

我没有测试过,但希望它能对你有所帮助。

干杯

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51004959

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档