Parsley (2.8.1) 使用 php 验证唯一用户名

Question

我阅读了 Parsley Js 网站的所有文档。但我还不够了解如何设置自定义验证取决于 AJAX 响应。

我需要验证用户名并检查它是否已经存在于数据库中，如果是，则在点击提交按钮时显示错误。

我在这里环顾四周，试图找到任何与此相关的问题，我无法理解只有我知道应该如何放置 ajax 代码来验证该表单。我需要知道 PHP 文件的样子。这就是我发布这个问题的原因

我正在使用 parsley js 新版本。这是我的代码样子

<form class="forms-sample" id="form">
        <div class="form-group">
            <label for="exampleInputUsername1">Username</label>
            <input type="text" class="form-control" id="exampleInputUsername1" 
             name="username" placeholder="Username" required data-parsley-username>
        </div>
        <button type="submit" class="btn btn-success mr-2">Submit</button>
        <button class="btn btn-light">Cancel</button>
    </form>

我正在为 CSS 使用 Bootstrap 4。我的 Parsley js 脚本是这样的

        <script>
     window.ParsleyValidator
            .addValidator('username', function (value, requirement) {
                var response = false;

                $.ajax({
                    url: "username.php",
                    data: {username: value},
                    dataType: 'json',
                    type: 'post',
                    async: false,
                    success: function(data) {
                        response = true;
                    },
                    error: function() {
                        response = false;
                    }
                });
                return response;
            }, 32)
            .addMessage('en', 'username', 'The username already exists.');

    $("#form").parsley({
    errorClass: 'is-invalid',
    successClass: 'is-valid',
    errorsWrapper: '<span class="invalid-feedback"></span>',
    errorTemplate: '<span></span>',
    trigger: 'change'

});
</script>

我无法想象我如何创建 PHP 文件来编写查询以及我想从该 PHP 中回显什么。

你能告诉我这里有什么需要改变的吗，你能指导我构建那个 PHP 文件来完成这个任务吗？而且我需要知道这个 JS 是否有效。谢谢。

在我添加了一个 php 文件之后。就是这样的

<?php 
        include("include/connection.php");
    ?>
    <?php
        if(isset($_POST['username'])){
            $username = $_POST['username'];
            $query = "SELECT * FROM user WHERE userName = '%$username'";
            $q = mysqli_query($conn, $query);
            if(mysqli_num_rows($q) > 0) { 
                echo json_encode("error");
            }else { 
                echo json_encode("success");
            } 
        }
    ?>

但每次“用户名已存在”时，我都会收到默认错误消息。谁能知道这里的错误是什么？

Answer 1

在 username.php 中，您将对传递的用户名运行基本选择查询，然后根据是否找到结果返回数据。

以下应该非常接近。

PHP

if ($user = $mysqli->query("SELECT * FROM `user_table_name` WHERE `username_field_name` = $_POST['username']"))) {
    print(json_encode(['status'] => 'user_exists']))

} else {
    print(json_encode(['status'] => 'user_available']))
}

AJAX

$.ajax({
    url: "username.php",
    data: {username: value},
    dataType: 'json',
    type: 'post',
    async: false,
    success: function(data) {
        if( data.status === 'user_available ) {
        //continue your code
        } else {
        //alert user that the name is unavailable
        }
    }