I want to Force users to upload images when posting

HTML-CSS
1

Sngine 3.11

I have a problem that I need help with:

I want to Force users to upload images when posting (because upload does not have a mandatory function)

I used the required attribute but it didn’t work

<div class="row form-group">
                <label class="col-md-2 form-label">
                  {__("Cover")}
                </label>
                <div class="col-md-10">
                  <div class="x-image">
                    <button type="button" class="btn-close x-hidden js_x-image-remover" title='{__("Remove")}'>

                    </button>
                    <div class="x-image-loader">
                      <div class="progress x-progress">
                        <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                      </div>
                    </div>
                    <i class="fa fa-camera fa-lg js_x-uploader" data-handle="x-image"></i>
                    <input type="hidden" class="js_x-image-input" name="cover" required>
					
				
			
                  </div>
                </div>
              </div>

Can you help me?