Блог

Я хочу проверять все данные, которые пользователь вводит в модальном режиме. Проблема вообще не работает, даже если я ставлю «требуется» при вводе текста, та же проблема. Он принимает пустую строку. Я не хочу принимать пустую строку и максимальную длину, которую пользователь может ввести 45. Я использовал bootstrap для создания модальности и PHP для серверной части

 <?php require_once('../../private/initialize.php'); ?>
<?php
    if($_SERVER['REQUEST_METHOD'] == "POST") {
        $validation = new Validation();
        $data = [
            "category_description" => $_POST['category_description']
        ];

        $validation->validate($data, [
            "category_description" => "required|maxlen:45"
        ]);
        $errors = $validation->getErrors();

    } else {
        $data = [
           "category_description" => ""         
        ];
        $errors = [
            "category_description" => ""
        ];
    }

    if (isset($_POST['submit'])) {
        if($data) {
            echo $data;
        }


<div class="modal" id="myModal1" > <!-- start update modal -->
            <div class="modal-dialog">
                <div class="modal-content " style="height:auto">

                    <!-- Modal Header -->
                    <div class="modal-header">
                      <h4 class="modal-title">Update Category</h4>
                      <button @click="clearData" type="button" class="close" data-dismiss="modal"><i class="fas fa-times"></i></button>
                    </div>

                    <!-- Modal body -->
                    <form method="post" action="unit_category/index.php">
                        <div class="modal-body">
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <input type="hidden" class="form-control" id="category_id" name="category_id" v-model="category_id" disabled>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-12">
                                    <input type="text" id="category_description" name="category_description" v-model="category_description" value="<?php echo $data['category_description'] ?>" placeholder="Enter Description" class="form-control <?php if(!empty($errors['category_description'])) { echo 'is-invalid'; } ?>" required>
                                    <div class="invalid-feedback"><?php echo $errors['category_description'] ?></div>
                                </div>
                            </div>
                        </div>

                        <!-- Modal footer -->
                        <div class="modal-footer">
                          <button type="submit" @click="updateCategory" class="btn btn-primary" data-dismiss="modal">Update Category</button>
                        </div>
                    </form>
                </div>
            </div>
        </div> <!-- end update modal -->