Form validation
Styles and script for validation of form elements. Forms should always be validated server side. This components add client side validation (via javascript) for an enhanced user experience.
Features
- Supported server side validation: .NET DataAnnotation attributes
[Required]and[RegularExpression]. - Supported form elements:
<input>,<textarea>and<select>. - Supported bot protection: Google ReCaptcha v3, Programmatically invoke
- Supports advanced input box.
Configuration
- Javascript file: components/_validation.js
- Include the compiled javascript file in the Html:
<script src="/javascript/validation.min.js"></script>
Examples
Text input [Required]:
Text input [Required] with inline positioned validation message:
Text input with icon label [Required]:
Select [Required]:
Textarea [Required]:
Text input [Required] [RegularExpression]:
.NET Model (C#)
[Required(ErrorMessage = "This field is required.")]
public String Field { get; set; }
Razor
@Html.TextBoxFor(m => m.Field)
@Html.ValidationMessageFor(m => m.Field)