Browse Source

Create Forms-Validation.md

pull/18483/head
Enis Necipoglu 3 years ago
parent
commit
cc3e03551b
No known key found for this signature in database GPG Key ID: 1EC55E13241E1680
  1. 40
      docs/en/UI/Blazor/Forms-Validation.md

40
docs/en/UI/Blazor/Forms-Validation.md

@ -0,0 +1,40 @@
# Blazor UI: Forms & Validation
ABP Framework Blazor UI is based on the [Blazorise](https://blazorise.com/docs) and does not have a built-in form validation infrastructure. However, you can use the [Blazorise validation infrastructure](https://blazorise.com/docs/components/validation) to validate your forms.
## Sample
_Example provided by official Blazorise documentation._
```html
<Validation Validator="ValidationRule.IsNotEmpty">
<TextEdit Placeholder="Enter name">
<Feedback>
<ValidationNone>Please enter the name.</ValidationNone>
<ValidationSuccess>Name is good.</ValidationSuccess>
<ValidationError>Enter valid name!</ValidationError>
</Feedback>
</TextEdit>
</Validation>
<Validation Validator="ValidateEmail">
<TextEdit Placeholder="Enter email">
<Feedback>
<ValidationNone>Please enter the email.</ValidationNone>
<ValidationSuccess>Email is good.</ValidationSuccess>
<ValidationError>Enter valid email!</ValidationError>
</Feedback>
</TextEdit>
</Validation>
@code{
void ValidateEmail( ValidatorEventArgs e )
{
var email = Convert.ToString( e.Value );
e.Status = string.IsNullOrEmpty( email ) ? ValidationStatus.None :
email.Contains( "@" ) ? ValidationStatus.Success : ValidationStatus.Error;
}
}
```
> Check the [Blazorise documentation](https://blazorise.com/docs/components/validation) for more information and examples.
Loading…
Cancel
Save