MVC Remote Validation not rendered

Question

i'am using class library for my Models and create my controllers in Area now i want to use remote validation but it's not working,actually it's not rendered.

my model in Models class library

[System.ComponentModel.DataAnnotations.RegularExpression(@"(?=.*[a-zA-Z0-9]).{4,20}$", ErrorMessage = "error")]
[System.ComponentModel.DataAnnotations.Required(ErrorMessage = "error")]
[System.Web.Mvc.Remote("UserNameExist","AdminUser","Admin",ErrorMessage="error")]
public string UserName { get; set; }

my controller in Admin Area

[HttpPost]
public JsonResult UserNameExist(string UserName)
{
    using (DataBaseContext dbContext = new DataBaseContext())
    {
        var user = dbContext.Users.SingleOrDefault(current => current.UserName == UserName);
        return Json(user == null);
    }
}

also i was added jquery and jquery.validation and jquery.validate.unobtrusive and i was added this to my webconfig

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

Updated

rendered html is :

<input class="form-control directionEn valid" data-val="true" data-val-regex="error" data-val-regex-pattern="(?=.*[a-zA-Z0-9]).{4,20}$" data-val-required="error" id="UserName" name="UserName" placeholder="User Name" type="text" value="">

there is not attribute for remote validation

User View:

@model Models.User
@section Scripts
{
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
}
<div class="row">
    <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3">
        <div class="form-group">
            <a class="btn btn-success" href="/Admin/AdminUser/List">List</a>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4>Add New User</h4>
            </div>
            <div class="panel-body">
                @using (Html.BeginForm("Add", "AdminUser", null, FormMethod.Post, new { enctype = "multipart/form-data" }))
                {
                    @Html.Raw(System.Web.HttpUtility.HtmlDecode((Html.ValidationSummary(true, "", htmlAttributes: new { @class = "alert alert-danger" }) ?? (object)"").ToString()))

                    <div class="form-group">
                        <label>
                            UserName
                        </label>
                        @Html.TextBoxFor(model => model.UserName, htmlAttributes: new { @class = "form-control directionEn", @placeholder = "User Name" })
                        @Html.ValidationMessageFor(model => model.UserName, "", htmlAttributes: new { @class = "validationError" })
                    </div>

                }
            </div>
        </div>
    </div>
</div>

what's wrong in my code ???

What is being rendered? (show the actual html being generated). And you should be using `[Remote("UserNameExist", "AdminUser", "Admin", ErrorMessage="error")]` (refer [overloads](https://msdn.microsoft.com/en-us/library/system.web.mvc.remoteattribute.remoteattribute(v=vs.118).aspx#M:System.Web.Mvc.RemoteAttribute.)) — , Feb 02 '17 at 08:34
There is nothing wrong with the code you have shown (it generates the correct `data-val-remote-*` attributes for me). Something you have not shown us it causing the issue. — , Feb 02 '17 at 09:25
I think using Area or Class library for Controllers and Models make it wrong, i don't know how to fix it — barzin.A, Feb 02 '17 at 10:24

Ubiquitous Developers · Answer 1 · 2017-02-03T08:08:11.670

0

First of all Remove HttpPost from your Controller. I don't think RemoteValidation Works on HttpPost

public JsonResult UserNameExist(string UserName)
{
    using (DataBaseContext dbContext = new DataBaseContext())
    {
        var user = dbContext.Users.SingleOrDefault(current => current.UserName == UserName);
        return Json(user == null);
    }
}

Second In your model I don't think there is the use of Admin Parameter

[System.ComponentModel.DataAnnotations.RegularExpression(@"(?=.*[a-zA-Z0-9]).{4,20}$", ErrorMessage = "error")]
[System.ComponentModel.DataAnnotations.Required(ErrorMessage = "error")]
[System.Web.Mvc.Remote("UserNameExist","AdminUser",,ErrorMessage="error")]
public string UserName { get; set; }

Also I consider you have display validation message

@Html.TextBoxFor(i => i.UserName)
@Html.ValidationMessageFor(i => i.UserName)

You can also put debbuger on UserNameExist function and check that function is called or not.

My Working Fiddler : https://dotnetfiddle.net/dlME8p

edited Feb 03 '17 at 08:08

answered Feb 02 '17 at 13:23

Ubiquitous Developers

3,637
6
33
78

I add user view in question – barzin.A Feb 02 '17 at 21:29
Did you try my solution? – Ubiquitous Developers Feb 03 '17 at 05:53
Are you getting debugger in UserNameExist action? – Ubiquitous Developers Feb 03 '17 at 07:57
yeah, never called, remote validation was not added on html – barzin.A Feb 03 '17 at 07:58
I can't understand what happen in my code, did you try with Models in class library ?? – barzin.A Feb 03 '17 at 08:12
Are you submitting form right? I can't see submit button on your view – Ubiquitous Developers Feb 03 '17 at 08:16
yeah , I have it but remote validation don't need submit btn – barzin.A Feb 03 '17 at 08:19
Remote Validation does need Submit form. It won't work without it – Ubiquitous Developers Feb 03 '17 at 08:20
Create Fiddler of your code so we can help you more – Ubiquitous Developers Feb 03 '17 at 08:28
please in your visual studio create project like mine but add class library as a models to project , I think class library make it wrong, all my code seems like your fiddler – barzin.A Feb 03 '17 at 08:31
I try without Class library , move my model into Models folder in main project and every thing works right, how i can to use remote validation in class library ??? – barzin.A Feb 03 '17 at 08:39
Did you add your class library in your namespace? – Ubiquitous Developers Feb 03 '17 at 08:46
yeah, another validation works fine, just validation from system.web.mvc not working – barzin.A Feb 03 '17 at 08:51
I added new class file in App_Start and put model there and give namespace as per this : namespace WebApplication1.Models and its again working – Ubiquitous Developers Feb 03 '17 at 08:57

MVC Remote Validation not rendered

1 Answers1