jquery - validación - validar correo electronico mvc

Validación personalizada de MVC: compare dos fechas

Question

Creé un ValidationAttribute personalizado que compara 2 fechas y se asegura de que la segunda fecha sea mayor que la primera:

public sealed class IsDateAfter : ValidationAttribute, IClientValidatable
{
private readonly string testedPropertyName;
private readonly bool allowEqualDates;
public IsDateAfter(string testedPropertyName, bool allowEqualDates = false)
{
this.testedPropertyName = testedPropertyName;
this.allowEqualDates = allowEqualDates;
}
protected override ValidationResult IsValid(object value, ValidationContext validationContext)
{
var propertyTestedInfo = validationContext.ObjectType.GetProperty(this.testedPropertyName);
if (propertyTestedInfo == null)
{
return new ValidationResult(string.Format("unknown property {0}", this.testedPropertyName));
}
var propertyTestedValue = propertyTestedInfo.GetValue(validationContext.ObjectInstance, null);
if (value == null || !(value is DateTime))
{
return ValidationResult.Success;
}
if (propertyTestedValue == null || !(propertyTestedValue is DateTime))
{
return ValidationResult.Success;
}
// Compare values
if ((DateTime)value >= (DateTime)propertyTestedValue)
{
if (this.allowEqualDates)
{
return ValidationResult.Success;
}
if ((DateTime)value > (DateTime)propertyTestedValue)
{
return ValidationResult.Success;
}
}
return new ValidationResult(FormatErrorMessage(validationContext.DisplayName));
}
public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
{
var rule = new ModelClientValidationRule
{
ErrorMessage = this.ErrorMessageString,
ValidationType = "isdateafter"
};
rule.ValidationParameters["propertytested"] = this.testedPropertyName;
rule.ValidationParameters["allowequaldates"] = this.allowEqualDates;
yield return rule;
}

Clase CalendarEntry: ...

public virtual DateTime StartDate { get; set; }
[IsDateAfter("StartDate", true, ErrorMessage="End date needs to be after start date")]
public virtual DateTime EndDate { get; set; }

VER:

$.validator.unobtrusive.adapters.add(
''isdateafter'', [''propertytested'', ''allowequaldates''], function (options) {
options.rules[''isdateafter''] = options.params;
options.messages[''isdateafter''] = options.message;
});
$.validator.addMethod("isdateafter", function(value, element, params) {
alert(params.propertytested);
var startdatevalue = $(''input[name="'' + params.propertytested + ''"]'').val();
if (!value || !startdatevalue) return true;
return (params.allowequaldates) ? Date.parse(startdatevalue) <= Date.parse(value) : Date.parse(startdatevalue) < Date.parse(value);
}, '''');

Esto funciona bien cuando CalendarEntry no está dentro de otra clase. SIN EMBARGO, cuando uso un modelo de vista así:

 public class TrainingDateEditViewModel
{
#region Properties
/// <summary>
/// Gets or sets CalendarEntry.
/// </summary>
public CalendarEntry CalendarEntry { get; set; }
....

La validación del cliente ya no funciona porque la salida html producida es la siguiente:

<input type="text" value="" name="CalendarEntry.EndDate" id="CalendarEntry_EndDate" data-val-isdateafter-propertytested="StartDate" data-val-isdateafter-allowequaldates="True" data-val-isdateafter="End date needs to be after start date" data-val="true">

Y el

data-val-isdateafter-propertytested="StartDate" and IT SHOULD BE: "CalendarEntry.StartDate".

¿Cómo podría hacerlo para que se uniera a la regla "CalendarEntry.StartDate". ValidationParameters ["propertytested"] = this.testedPropertyName; // AQUÍ DEBE SER EL NOMBRE COMPLETO ??? ¿¿CÓMO??

Gracias

Answer 1

Debe modificar el script del lado del cliente para verificar el prefijo del elemento probado y agregar el prefijo (si corresponde) a su selector, de la siguiente manera:

$.validator.addMethod("isdateafter", function(value, element, params) {
var parts = element.name.split(".");
var prefix = "";
if (parts.length > 1)
prefix = parts[0] + ".";
var startdatevalue = $(''input[name="'' + prefix + params.propertytested + ''"]'').val();
if (!value || !startdatevalue)
return true;
return (params.allowequaldates) ? Date.parse(startdatevalue) <= Date.parse(value) :
Date.parse(startdatevalue) < Date.parse(value);
});

Answer 2

En la última respuesta, faltaron algunos paréntesis en la llamada a toLowerCase, aquí hay una versión actualizada con el documento listo y la parte $ .validator.unobtrusive ...-:

$(function () {
$.validator.addMethod("isdateafter", function(value, element, params) {
var parts = element.name.split(".");
var prefix = "";
for (var i = 0; i < parts.length - 1; i++) {
prefix = parts[i] + ".";
}
var startdatevalue = $(''input[name="'' + prefix + params.propertytested + ''"]'').val();
if (!value || !startdatevalue) return true;
var allowequal = params.allowequaldates.toLowerCase() === "true";
return allowequal ? Date.parse(startdatevalue) <= Date.parse(value) :
Date.parse(startdatevalue) < Date.parse(value);
});
$.validator.unobtrusive.adapters.add(''isdateafter'',
[''propertytested'', ''allowequaldates''],
function (options) {
options.rules[''isdateafter''] = options.params;
options.messages[''isdateafter''] = options.message;
});
});

Answer 3

No olvide incluir el lado del cliente dentro de este código. ¡Me llevó horas encontrar que esto faltaba!

(function ($) {
// your code here..
})(jQuery);

Answer 4

Solo para corregir un pequeño error en el javascript de counsellorben: el "(params.allowequaldates)" se interpretará como una cadena (que tendrá un valor de "False" o "True"), pero esa cadena siempre se evaluará como verdadera, permitiendo siempre las mismas fechas. Si también desea permitir más niveles de anidación de sus objetos que solo 1, obtendrá:

$.validator.addMethod("isdateafter", function(value, element, params) {
var parts = element.name.split(".");
var prefix = "";
for (var i = 0; i < parts.length - 1; i++)
prefix = parts[i] + ".";
var startdatevalue = $(''input[name="'' + prefix + params.propertytested + ''"]'').val();
if (!value || !startdatevalue)
return true;
var allowequal = params.allowequaldates.toLowerCase === "true";
return allowequal ? Date.parse(startdatevalue) <= Date.parse(value) :
Date.parse(startdatevalue) < Date.parse(value);
});