I'm writing custom validator attribute in asp.net mvc, Its working fine for server side validation. Here's demo code
public class CustomEmailValidator : ValidationAttribute,IClientValidatable
{
protected override ValidationResult IsValid(object value, ValidationContext validationContext)
{
if (value != null)
{
string email = value.ToString();
if (Regex.IsMatch(email, @"[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}", RegexOptions.IgnoreCase))
{
return ValidationResult.Success;
}
else
{
return new ValidationResult(ErrorMessage);//"Please Enter a Valid Email.");
}
}
else
{
return new ValidationResult("" + validationContext.DisplayName + " is required");
}
}
//new method
public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
{
var rule = new ModelClientValidationRule();
rule.ErrorMessage = FormatErrorMessage(metadata.GetDisplayName());
rule.ValidationType = "emailvalidate";
yield return rule;
}
}
Now for client side validation, I'm unable to add adapter to obstrusive.js.
$.validator.unobtrusive.adapters.add("emailvalidate", function (options) {
options.messages['emailvalidate'] = options.message;
});
$.validator.addMethod("emailvalidate", function (value, element) {
{
console.log("inside emailValidate function");
if (value=="test") {
return true;
}
else {
return false;
}
}
});
I'm not fluent in adding adapters so I'm sure that there's issue in adding adapter to obstrusive.js. kindly point out the issue. Thanks.
$.validator.unobtrusive.adapters.addmethod, you need to add the rules to the validator. But all you seem to be validating is a regex, in which case, you should be just creating a ValidationAttribute that extendsRegularExpressionAttribute(and registering it) so that the scripts are all handled automatically