fix: add min/max length to input/texarea
This commit is contained in:
@@ -30,7 +30,9 @@ class Textarea extends Component
|
|||||||
public bool $realtimeValidation = false,
|
public bool $realtimeValidation = false,
|
||||||
public bool $allowToPeak = true,
|
public bool $allowToPeak = true,
|
||||||
public string $defaultClass = 'input scrollbar font-mono',
|
public string $defaultClass = 'input scrollbar font-mono',
|
||||||
public string $defaultClassInput = 'input'
|
public string $defaultClassInput = 'input',
|
||||||
|
public ?int $minlength = null,
|
||||||
|
public ?int $maxlength = null,
|
||||||
) {
|
) {
|
||||||
//
|
//
|
||||||
}
|
}
|
||||||
|
@@ -41,8 +41,9 @@
|
|||||||
@if ($id !== 'null') wire:model={{ $id }} @endif
|
@if ($id !== 'null') wire:model={{ $id }} @endif
|
||||||
wire:dirty.class.remove='dark:focus:ring-coolgray-300 dark:ring-coolgray-300'
|
wire:dirty.class.remove='dark:focus:ring-coolgray-300 dark:ring-coolgray-300'
|
||||||
wire:dirty.class="dark:focus:ring-warning dark:ring-warning" wire:loading.attr="disabled"
|
wire:dirty.class="dark:focus:ring-warning dark:ring-warning" wire:loading.attr="disabled"
|
||||||
type="{{ $type }}" @disabled($disabled)
|
type="{{ $type }}" @disabled($disabled) min="{{ $attributes->get('min') }}"
|
||||||
min="{{ $attributes->get('min') }}" max="{{ $attributes->get('max') }}"
|
max="{{ $attributes->get('max') }}" minlength="{{ $attributes->get('minlength') }}"
|
||||||
|
maxlength="{{ $attributes->get('maxlength') }}"
|
||||||
@if ($id !== 'null') id={{ $id }} @endif name="{{ $name }}"
|
@if ($id !== 'null') id={{ $id }} @endif name="{{ $name }}"
|
||||||
placeholder="{{ $attributes->get('placeholder') }}">
|
placeholder="{{ $attributes->get('placeholder') }}">
|
||||||
@endif
|
@endif
|
||||||
|
@@ -51,8 +51,8 @@
|
|||||||
type="{{ $type }}" @readonly($readonly) @disabled($disabled) id="{{ $id }}"
|
type="{{ $type }}" @readonly($readonly) @disabled($disabled) id="{{ $id }}"
|
||||||
name="{{ $name }}" placeholder="{{ $attributes->get('placeholder') }}"
|
name="{{ $name }}" placeholder="{{ $attributes->get('placeholder') }}"
|
||||||
aria-placeholder="{{ $attributes->get('placeholder') }}">
|
aria-placeholder="{{ $attributes->get('placeholder') }}">
|
||||||
<textarea x-cloak x-show="type !== 'password'" placeholder="{{ $placeholder }}"
|
<textarea minlength="{{ $minlength }}" maxlength="{{ $maxlength }}" x-cloak x-show="type !== 'password'"
|
||||||
{{ $attributes->merge(['class' => $defaultClass]) }}
|
placeholder="{{ $placeholder }}" {{ $attributes->merge(['class' => $defaultClass]) }}
|
||||||
@if ($realtimeValidation) wire:model.debounce.200ms="{{ $id }}"
|
@if ($realtimeValidation) wire:model.debounce.200ms="{{ $id }}"
|
||||||
@else
|
@else
|
||||||
wire:model={{ $value ?? $id }}
|
wire:model={{ $value ?? $id }}
|
||||||
@@ -62,7 +62,8 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<textarea {{ $allowTab ? '@keydown.tab=handleKeydown' : '' }} placeholder="{{ $placeholder }}"
|
<textarea minlength="{{ $minlength }}" maxlength="{{ $maxlength }}"
|
||||||
|
{{ $allowTab ? '@keydown.tab=handleKeydown' : '' }} placeholder="{{ $placeholder }}"
|
||||||
{{ !$spellcheck ? 'spellcheck=false' : '' }} {{ $attributes->merge(['class' => $defaultClass]) }}
|
{{ !$spellcheck ? 'spellcheck=false' : '' }} {{ $attributes->merge(['class' => $defaultClass]) }}
|
||||||
@if ($realtimeValidation) wire:model.debounce.200ms="{{ $id }}"
|
@if ($realtimeValidation) wire:model.debounce.200ms="{{ $id }}"
|
||||||
@else
|
@else
|
||||||
|
Reference in New Issue
Block a user