47 lines
1.3 KiB
Plaintext
47 lines
1.3 KiB
Plaintext
<form class="p-3 mt-3">
|
|
|
|
|
|
<div class="form-field d-flex align-items-center">
|
|
|
|
|
|
<DxMaskedInput @bind-Value="@Email"
|
|
CssClass="cw-320"
|
|
Mask="@EmailMask"
|
|
MaskMode="MaskMode.RegEx">
|
|
<DxRegExMaskProperties MaskAutoCompleteMode="@((MaskAutoCompleteMode)AutoCompleteMode)"
|
|
Placeholder="Placeholder"
|
|
PlaceholdersVisible="PlaceholderVisible" />
|
|
</DxMaskedInput>
|
|
|
|
|
|
</div>
|
|
|
|
<a class="btn btn-primary mt-3" @onclick="GoToNextStep">Next</a>
|
|
</form>
|
|
|
|
|
|
|
|
@code {
|
|
[Parameter]
|
|
public string Email { get; set; }
|
|
|
|
[Parameter]
|
|
public EventCallback<string> onNext { get; set; }
|
|
|
|
[Parameter]
|
|
public EventCallback<string> EmailChanged { get; set; }
|
|
|
|
IEnumerable<char> PredefinedPlaceholders { get; set; } = new List<char>() { '_', '#' };
|
|
|
|
string EmailMask { get; set; } = @"(\w|[.-])+@(\w|-)+\.(\w|-){2,4}";
|
|
MaskAutoCompleteMode AutoCompleteMode { get; set; } = MaskAutoCompleteMode.Strong;
|
|
char Placeholder { get; set; } = '_';
|
|
bool PlaceholderVisible { get; set; } = true;
|
|
|
|
private async Task GoToNextStep()
|
|
{
|
|
await EmailChanged.InvokeAsync(Email);
|
|
await onNext.InvokeAsync();
|
|
}
|
|
|
|
} |