// In my home controller
[HttpGet]
public JsonResult IsUserNameExist(string Name)
{
using (CobraDBEntities db = new CobraDBEntities())
{
var check = !db.Person.Any(x => x.Name == Name);// if we use Person per then per.Name, and so on but we use string Name so that
return Json(check, JsonRequestBehavior.AllowGet);
}
}
// Annotation Required Field Validator Class
public class PersonMD
{
public int Id { get; set; }
[Required]
[Remote("IsUserNameExist", "Home",ErrorMessage =" Username Already Exist Use Another one")]
public string Name { get; set; }
[Required]
public string Address1 { get; set; }
[Required]
public string Address2 { get; set; }
[Required]
public string Town_City { get; set; }
}
Without using Angularjs this is working fine
If i use angularjs then
IsUserNameExist
doesn't work
What I have tried:
// in index.cshtml
<div class="modal-body">
<form name="form1">
<table class="table">
<tr>
<td>Name</td>
<td>
<input type="text" ng-model="Name" name="name" ng-minlength="3" ng-maxlength="20" required />
@*<span color="alert-danger" class="help-block" ng-show="form1.name.$invalid">Required </span>*@
<span color="red" class="label label-info" ng-show="form1.name.$error.minlength">Too short </span>
<span color="alert-danger" class="label label-info" ng-show="form1.name.$error.maxlength">Too long </span>
</td>
<tr>
<td>Address1</td>
<td>
<input type="text" ng-model="Address1" name="Add1" ng-minlength="3" ng-maxlength="100" required />
<span color="alert-danger" class="label label-info" ng-show="form1.Add1.$error.minlength">Too short </span>
<span color="alert-danger" class="label label-info" ng-show="form1.Add1.$error.maxlength">Too long </span>
</td>
</tr>
<tr>
<td>Address2</td>
<td>
<input type="text" ng-model="Address2" name="Add2" ng-minlength="3" ng-maxlength="100" required />
<span color="alert-danger" class="label label-info" ng-show="form1.Add2.$error.minlength">Too short </span>
<span color="alert-danger" class="label label-info" ng-show="form1.Add2.$error.maxlength">Too long </span>
</td>
</tr>
<tr>
<td>[Town/City]</td>
<td>
<input type="text" ng-model="Town_City" name="town" ng-minlength="3" ng-maxlength="20" required />
<span color="alert-danger" class="label label-info" ng-show="form1.town.$error.minlength">Too short </span>
<span color="alert-danger" class="label label-info" ng-show="form1.town.$error.maxlength">Too long </span>
</td>
</tr>
<tr>
<td>
<input type="button" class="btn btn-default" value="Save" ng-disabled="form1.$invalid" data-dismiss="modal" ng-click="AddUpdatePerson()" />
<input type="button" class="btn btn-danger" value="Cancel" data-dismiss="modal" ng-click="Cancel()" />
</td>
</tr>
</table>
</form>
</div>