Contrary to popular belief, working on files online can be hassle-free. Sure, some file formats might appear too hard with which to deal. But if you get the right solution, like DocHub, it's straightforward to edit any document with minimum effort. DocHub is your go-to tool for tasks as simple as the ability to Cut Mandatory Field Log For Free a single document or something as intimidating as handling a massive pile of complex paperwork.
When it comes to a solution for online file editing, there are many solutions available. Yet, not all of them are powerful enough to accommodate the needs of individuals requiring minimum editing functionality or small businesses that look for more extensive set of features that allow them to collaborate within their document-based workflow. DocHub is a multi-purpose solution that makes managing paperwork online more simplified and easier. Try DocHub now!
In the signup form, we need to make the name field mandatory. We will start implementing this validation. First let me include the error message that needs to be displayed when the field is empty. In app.component.html, I am including a div tag with text as Name field is required. This is the message that will be shown when the field is empty. It would be good if we can apply some styling on this message to indicate that it is an error message. We are going to apply some styling with smaller font in red color. To apply styling, I am including the div tag with class attribute having value as error. Now let us define the styling for the error class in app.component.css. In app.component.css, I am including error class with font-size as 0.6rem and color as red. I am saving all the files using shortcut key. After the page reload, we can see the error message displayed. The label, form element and message are close to each other, let us apply some spacing in between.