保持用户在同一页面上的HTML Post方法

我到处都在寻找我的问题的答案，但古德并没有给我一个直接的答案，我和其他人交谈过的人也没有线索

我有一个简单的html表单，将用户名和密码发布到url。这是在WordPress网站上完成的。我想对用户隐藏url页面，以便他们在任何时候都不会看到该页面并能够对其进行图书标记

我的代码运行良好，发布信息，用户被带到确认页面。然而，问题是，如果用户输入了错误的用户名或密码，他们会被带到我想要隐藏的页面

我想让用户保持在同一页面上，并将错误消息发布在他们正在填写的表单页面上

任何关于如何做到这一点的指导都是非常重要的。我见过一些与Java脚本、jQuery或Ajax相近的选项，但我对它们不太熟悉

下面是我目前拥有的

<form action="http://anyurl.com" method="post" target="_blank">Username: <input type="text" name="user_name" />Password: <input type="password" name="password" />

<input type="submit" value="Submit" />

</form>Click on the submit button, and the input will be sent for verification of the test.

用户名：密码：
点击提交按钮，输入将被发送以验证测试。

首先，通过URL传递听起来很像

GET

，但我将把它作为

POST

方法编写。这听起来像是一个XHR（AJAX）请求，在本例中通过jQuery，将是您最好的方法：

// Bind to the form submit event
$("#your_form").on("submit", function (e) {
    // Prevent the form from performing default submit action
    e.preventDefault();
    // Get form contents (assuming username and password are the input names)
    var username = $(this).find('[name="username"]').val(),
        password = $(this).find('[name="password"]').val();
    $.ajax({
        url: "/path/to/processor.php",
        data: { username: username, password: password },
        type: "POST",
        success: function (data) {
            // do whatever to check `data`
            // so if it passes it redirects to the success
            // page, and if it fails it will show a message
        },
        failure: function (err) {
            throw err;
        }
    });
});

---

我不太确定如何在WordPress中使用这个。我认为它只允许html文本，所以当我将它粘贴到文本中时，它没有生成任何内容。我本来打算做一些必要的修改来适应我的表格，但我想看看页面的文本部分是否会接受。它只是在可视视图中显示代码，而不是创建表单