A set of Blade components to rapidly build forms with Tailwind CSS (v1.0 and v2.0) and Bootstrap 4/5. Supports validation, model binding, default values, translations, Laravel Livewire, includes default vendor styling and fully customizable!
I would like to make a suggestion for a modification to x-form-submit which I would create a pull request for but I am not sure how this will work in anything other than Bootstrap.
If I have a form that has a file upload and I click submit (x-form-submit) before the file has finished uploading via livewire, the validation will fail as the file has not been uploaded.
Can I suggest that x-form-submit has wire:loading.attr="disabled" by default?
This will disable the submit button while livewire is processing.
In my use case I have done the following:
<x-form-input wire:model="cv" label="Upload Your CV *" type="file" name="cv" />
<div wire:loading wire:target="cv">
Please wait, file is uploading...
</div>
<x-form-submit wire:loading.attr="disabled">Submit</x-form-submit>
I can not think of any instance where you would want someone to be able to click the submit button before livewire has finished updating the server.
Hello,
I would like to make a suggestion for a modification to x-form-submit which I would create a pull request for but I am not sure how this will work in anything other than Bootstrap.
If I have a form that has a file upload and I click submit (x-form-submit) before the file has finished uploading via livewire, the validation will fail as the file has not been uploaded.
Can I suggest that x-form-submit has
wire:loading.attr="disabled"by default?This will disable the submit button while livewire is processing.
In my use case I have done the following:
I can not think of any instance where you would want someone to be able to click the submit button before livewire has finished updating the server.