Click here to Skip to main content
15,506,846 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
Hi Team

I am struggling to validate my textbox on my form, im using mvc. I will share below my logic on view side, must i have to do something on javascript layer within a view itself? Please help me to improve this logic better for user understanding when submitting a form. My message i want to display " Field is required" especially if its to be leave without supplying any information.

What I have tried:

<div class="row">
                    <label for="Attendee Cell Number">Cell Number:</label>
                    <div class="input-group col-md-3 col-md-offset-1 col-sm-1 col-xs-1">
                        <div class="input-group pull-right">
                            @Html.TextBoxFor(m => m.Cell_Number, new { @class = "form-control", type = "text", id = "cell number", autofocus = "autofocus", required = "required" })

                            <div class="input-group-append">
                                <div class="input-group-text">


<div class="input-group mb-2">
                         <div class="input-group-append">

                         <div class="input-group col-md-4 col-md-offset-2 col-sm-2 col-xs-2">
                             <div class="input-group pull-right">
                                 @Html.TextBoxFor(m => m.Code, new
                                     @class = "form-control",
                                     type = "text",
                                id = "postal code",
                                     autofocus = "autofocus",
                                     placeholder = "Postal / Zip Code",
                                required = "required",
                                pattern = @"[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$",
                               title = "This field is required"

                                 <div class="input-group-append">
                                     <div class="input-group-text">


Updated 18-Mar-20 10:06am

1 solution

Add your validation rules to the model, and make sure you include the jQuery validation scripts in your page.
Adding Validation | Microsoft Docs[^]
public string Cell_Number { get; set; }

[Display(Name = "Postal / Zip Code")]
public string Code { get; set; }

NB: In both cases, you're trying to set the ID to a value with a space in it. Don't do that:
id's value must not contain whitespace (spaces, tabs etc.).
Share this answer
gcogco10 19-Mar-20 2:44am    
Hi Richard, i have made the changes as per this solution and i removed my id, amended as per this logic. Still no validation, anything i could be missing? Please advice
Richard Deeming 19-Mar-20 7:53am    
Did you add the jQuery validation scripts, and are they loading correctly?

You might also need to add an appSetting in web.config to enable unobtrusive validation:
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />

NB: When the form is submitted, you'll also want to check ModelState.IsValid to check the validation rules on the server. If it returns false, you'll need to re-display the view.
gcogco10 19-Mar-20 8:14am    
Richard I do have this configured as well, still nothing is working. Im trying to redo it from using one specific texbox to see if this could work.
Richard Deeming 19-Mar-20 8:15am    
Check the rendered source of your page, to make sure it includes the validation attributes on the inputs.

Also check the browser's developer tools console for any errors.
gcogco10 19-Mar-20 8:23am    
// Route for Dashboard.
name: "Dashboard",
url: "dashboard/",
defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
); Nothing is as a error on developer tool I have checked

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900