Form validation not showing required field validator

Question

1.00/5 (1 vote)

See more:

I"m using asp.net MVC 4 form validations inside using script for validation alerts.its working fine,but i declared required in model for particular field,its not working.

Now what i want is need to display required msg near textbox. that's it

What I have tried:

Model

[Required(ErrorMessage = "Please Enter Instagram Name")]
      [Display(Name = "Enter First Name")]
      [StringLength(50, MinimumLength = 3, ErrorMessage = "First Name must be between 3 and 50 characters!")]
      public string instagramhandle { get; set; }

Controller for displaying alerts

if (res == 0)
                {
                    string emailRegex = @"^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$";
                    string phoneRegex = @"^\d{10}$";


                    Regex re = new Regex(emailRegex);
                    if (!re.IsMatch(EmailId))
                    {
                        Message = "Emailfailed";
                        return Json(Message, JsonRequestBehavior.AllowGet);
                        // ModelState.AddModelError("Email", "Please Enter Correct Email Address");
                    }

view

<form method="POST">

       <script>
       $(function () {
           $("#dialog").dialog();
       });
       $('#btnpsubmit').hide();
       $(function () {<pre>    $('#btnpsubmit').click(function () {

                       if (whichTime == 1) {

                           var firstname = $('#id_firstname').val();
                           var lastname = $('#id_Lastname').val();
                           var phoneno = $('#id_Phonename').val();
                           var handlename = $('#id_Instagram').val();
                           var EmailId = $('#id_EmailId').val();
                           var password = $("#id_passwordregister").val();

                           if (($('#id_firstname').val().length > 0) && ($('#id_Instagram').val().length > 0) && ($('#id_passwordregister').val().length > 0) && ($('#id_EmailId').val().length > 0) && ($('#id_Lastname').val().length > 0) && ($('#id_Lastname').val().length > 0) && ($('#id_Phonename').val().length > 0))

                               $.post("/Registration/Registration", {
                                   handlename: handlename,
                                   EmailId: EmailId,
                                   firstname: firstname,
                                   lastname: lastname,
                                   phoneno: phoneno,
                                   password: password

                               }).done(function (data) {

                                   if (data == "success") {
                                       //alert("Inserted Successfully!");
                                       location.href = '//' + window.location.host + '/home/plans';
                                   }
                                   if (data == "failed") {
                                       //location.href = '//' + window.location.host + '/home/plans';
                                       alert("Data Failed to insert!");
                                   }
                                   if (data == "Emailfailed") {
                                       //location.href = '//' + window.location.host + '/home/plans';
                                       alert("Please Enter Correct Email Address!");
                                   }

Posted 21-Jul-17 2:47am

GrpSMK

Updated 3-Aug-17 3:49am

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

Richard Deeming · Answer 1 · 2017-08-03T03:49:00

You can make the data annotations validators work on the client side quite easily:

Add a reference to the Microsoft.jQuery.Unobtrusive.Validation[^] NuGet package;

Add the settings to your web.config file:

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <appSettings>
        <add key="ClientValidationEnabled" value="true" />
        <add key="UnobtrusiveJavaScriptEnabled" value="true" />
    </appSettings>
</configuration>

OR: Enable the validation via code:

HtmlHelper.UnobtrusiveJavaScriptEnabled = true;

Make sure you have the "jqueryval" bundle defined:

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(  
    "~/Scripts/jquery.validate.js",  
    "~/Scripts/jquery.validate.unobtrusive.js"));

Output the "jqueryval" bundle on any view that requires it:

@section Scripts {  
    @Scripts.Render("~/bundles/jqueryval")  
}

Add a validation summary to your form:
```
@Html.ValidationSummary()
```

Display the validation errors next to each field:

@Html.ValidationMessageFor(m => m.FieldName, "*")

Your form will now automatically validate on the client based on the supported attributes. You can also create your own custom validation attributes with client-side support, or you can use remote validation to call a server-side validation method from the client-side validator.

ASP.NET MVC 5 - JQuery Form Validator[^]
The Complete Guide To Validation In ASP.NET MVC 3 - Part 1[^]
The Complete Guide To Validation In ASP.NET MVC 3 - Part 2[^]
How to: Implement Remote Validation in ASP.NET MVC[^]

User 10132546 · Answer 2 · 2017-08-03T03:27:00

Adding these attributes is only really useful for validating the model when it's posted back into the controller. They don't do anything on the front-end unless you're using the unobtrusive validation (which was always a bit clunky).

If you want front-end validation, you're better off using HTML attributes, for example:

<input type="text" id="id_firstname" maxlength="50" required pattern=".{3,50}" title="Enter a valid name" />

Make your form method "post" and have your button type set as "submit" and everything should work from there. Don't forget to validate your model object when it's posted into the controller too.

Form validation not showing required field validator

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0