php - 将 AJAX 添加到工作 PHP 表单

标签 php javascript jquery mysql ajax

我有一个有效的 PHP 注册表单,它通过 $_POST[] 请求来检查用户输入。

  • 用户名长度(3-20)
  • 用户名可用性
  • 用户名/^[A-Za-z0-9_]+$/
  • 等等

我想要一个实时请求来调用 register.php 中的错误,而不是让您进入一个全新的页面来显示错误,这样它们就会出现在注册时的 div 中。

<div id="errors">" . $usernameErrors . "</div>

我一直在尝试阅读 AJAX,但注意到大多数代码都涉及利用 $_GET[]。 我需要做什么才能将我当前的表单与 AJAX 集成?

我当前的基本注册表逻辑:

<form method="post" action="register.php">
    <input type="text" name="username" id="username" required />
    $usernameErrors
</form>

register.php 已包含所有检查。

最佳答案

如果您使用jQuery ,这很简单。

<script type='text/javascript'>

    $.post('/register.php', 
           {username: $('#username').val()
            // insert values of other fields here
           }, 
           function(response) {
               // update your div with errors
               $('#errors').html(response);
           })

</script>           

例如,当用户更改注册表中的用户名时,您应该调用此代码。它将在后台发生并异步更新页面。

在这种情况下,您的 register.php 脚本应该仅发出错误,而不是整个页面,否则您将看到意外的结果。 :-)

关于php - 将 AJAX 添加到工作 PHP 表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8659056/

相关文章:

php - 在 PHP 中获取对象的实例 ID

php - 电子邮件主题中的标题错误?

javascript - 使用 Node oracle-db npm 包时出现 ORA-12514 错误

jquery - 无法滚动自动完成?

jquery 使用 asp.net MVC 部分 View 加载

jquery - 手机网站。视口(viewport)宽度在返回纵向时卡住

php - Symfony2 : how to override core template?

php - Sulu CMS GET-请求错误

javascript - 将鼠标图标更改为 'waiting' 无论它在哪里

javascript - 创建带有输入字段的 cookie 界面? (多个值)并且来自任何域?