NIMA Comments - Answer Overflow

<form >
                <div class="flex items-center space-x-6">
                    <div class="shrink-0">
                        <img id='myImg' wire:loading.class="opacity-50" class="h-16 w-16 object-cover rounded-full" src="{{ Storage::url('avatar/' . $profile_avatar  )}}" />
                    </div>
                    <label class="block cursor-pointer">
                        <span class="sr-only">Choose profile photo</span>
                        <input wire:model="photo" type='file' id='fileName' name='fileName' capture='user' accept='image/*'  onchange="document.getElementById('myImg').src = window.URL.createObjectURL(this.files[0])"  class="hidden" />
                        <span class="font-bold outline-none  px-4 border  border-black text-black cursor p-2 px-4 dark:hover:bg-zinc-600 hover:bg-zinc-200 cursor-pointer rounded-md dark:text-white dark:border-white">Chenge</span>
                    </label>
                    <button wire:click="image_upload" class="outline-none border-none h-10 px-4 bg-neutral-800 text-white text-black cursor p-2 px-4 dark:hover:bg-zinc-200 hover:bg-zinc-700 cursor-pointer rounded-md dark:text-black dark:bg-white">Save</button>
                </div>
            </form>

<form >
                <div class="flex items-center space-x-6">
                    <div class="shrink-0">
                        <img id='myImg' wire:loading.class="opacity-50" class="h-16 w-16 object-cover rounded-full" src="{{ Storage::url('avatar/' . $profile_avatar  )}}" />
                    </div>
                    <label class="block cursor-pointer">
                        <span class="sr-only">Choose profile photo</span>
                        <input wire:model="photo" type='file' id='fileName' name='fileName' capture='user' accept='image/*'  onchange="document.getElementById('myImg').src = window.URL.createObjectURL(this.files[0])"  class="hidden" />
                        <span class="font-bold outline-none  px-4 border  border-black text-black cursor p-2 px-4 dark:hover:bg-zinc-600 hover:bg-zinc-200 cursor-pointer rounded-md dark:text-white dark:border-white">Chenge</span>
                    </label>
                    <button wire:click="image_upload" class="outline-none border-none h-10 px-4 bg-neutral-800 text-white text-black cursor p-2 px-4 dark:hover:bg-zinc-200 hover:bg-zinc-700 cursor-pointer rounded-md dark:text-black dark:bg-white">Save</button>
                </div>
            </form>

7 replies

KPCKevin Powell - Community

•Created by NIMA on 3/2/2025 in #front-end

problem with 2fa factor auto fill with alpine js

anyone know what is problem with this code ? it will fill the input but i cant submit it after i copy paste into it

5 replies

KPCKevin Powell - Community

•Created by NIMA on 3/2/2025 in #front-end

problem with 2fa factor auto fill with alpine js

 handlePaste(e) {
            let num = e.clipboardData.getData('text/plain').trim();

            if (num.length === 6 && num.match(/^[0-9]+$/g)) {
              $refs.num1.value = num.charAt(0);
              $refs.num2.value = num.charAt(1);
              $refs.num3.value = num.charAt(2);
              $refs.num4.value = num.charAt(3);
              $refs.num5.value = num.charAt(4);
              $refs.num6.value = num.charAt(5);
            }
          },

 handlePaste(e) {
            let num = e.clipboardData.getData('text/plain').trim();

            if (num.length === 6 && num.match(/^[0-9]+$/g)) {
              $refs.num1.value = num.charAt(0);
              $refs.num2.value = num.charAt(1);
              $refs.num3.value = num.charAt(2);
              $refs.num4.value = num.charAt(3);
              $refs.num5.value = num.charAt(4);
              $refs.num6.value = num.charAt(5);
            }
          },