Атрибут maxlength не генерирует атрибуты проверки на стороне клиента
-
22-10-2019 - |
Вопрос
У меня есть любопытная проблема с проверкой ASP.NET MVC3 на стороне клиента. У меня есть следующий класс:
public class Instrument : BaseObject
{
public int Id { get; set; }
[Required(ErrorMessage = "Name is required.")]
[MaxLength(40, ErrorMessage = "Name cannot be longer than 40 characters.")]
public string Name { get; set; }
}
С моей стороны:
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
И вот сгенерированный HTML, который я получаю для текстового поля для этого поля:
<input class="text-box single-line" data-val="true" data-val-required="Name is required." id="Name" name="Name" type="text" value="">
Нет признаков MaxLengthAttribute
, но все остальное, кажется, работает.
Есть идеи, что происходит не так?
Решение
Попробуйте использовать [StringLength]
атрибут:
[Required(ErrorMessage = "Name is required.")]
[StringLength(40, ErrorMessage = "Name cannot be longer than 40 characters.")]
public string Name { get; set; }
Это для целей проверки. Если вы хотите установить, например, атрибут maxlength на вводе, вы можете написать поставщика метаданных аннотаций настраиваемых данных как Показано в этом посте и настроить шаблоны по умолчанию.
Другие советы
Я только что использовал фрагмент jQuery, чтобы решить эту проблему.
$("input[data-val-length-max]").each(function (index, element) {
var length = parseInt($(this).attr("data-val-length-max"));
$(this).prop("maxlength", length);
});
Селектор находит все элементы, которые имеют набор атрибутов-макс-максимальной массы данных. Это атрибут, который будет установлен атрибут проверки StringLength.
Каждый цикл петли через эти совпадения и проанализирует значение для этого атрибута и назначит его свойству mxlength, которое должно было быть установлено.
Просто добавьте это в свою функцию «Готовка», и все готово.
MaxLengthAttribute
работает с момента обновления MVC 5.1: ЗАМЕЧАНИЯ ЗАМЕЧАНИЯ
В MVC 4, если вы хотите, чтобы MAXLENGHT в тексте типа ввода? Вы можете !
@Html.TextBoxFor(model => model.Item3.ADR_ZIP, new { @class = "gui-input ui-oblig", @maxlength = "5" })
Реквизит @Ник-Харрисон для его ответа:
$("input[data-val-length-max]").each(function (index, element) {
var length = parseInt($(this).attr("data-val-length-max"));
$(this).prop("maxlength", length);
});
Мне было интересно, что такое Parseint ()? Я упростил это до этого без проблем ...
$("input[data-val-length-max]").each(function (index, element) {
element.setAttribute("maxlength", element.getAttribute("data-val-length-max"))
});
Я бы прокомментировал «Ответ Ника», но еще не получил достаточно представителей.
У меня была та же самая проблема, и я смог решить ее, внедрив интерфейс IvalidatableObject в моей модели просмотра.
public class RegisterViewModel : IValidatableObject
{
/// <summary>
/// Error message for Minimum password
/// </summary>
public static string PasswordLengthErrorMessage => $"The password must be at least {PasswordMinimumLength} characters";
/// <summary>
/// Minimum acceptable password length
/// </summary>
public const int PasswordMinimumLength = 8;
/// <summary>
/// Gets or sets the password provided by the user.
/// </summary>
[Required]
[DataType(DataType.Password)]
[Display(Name = "Password")]
public string Password { get; set; }
/// <summary>
/// Only need to validate the minimum length
/// </summary>
/// <param name="validationContext">ValidationContext, ignored</param>
/// <returns>List of validation errors</returns>
public IEnumerable<ValidationResult> Validate(ValidationContext validationContext)
{
var errorList = new List<ValidationResult>();
if ((Password?.Length ?? 0 ) < PasswordMinimumLength)
{
errorList.Add(new ValidationResult(PasswordLengthErrorMessage, new List<string>() {"Password"}));
}
return errorList;
}
}
Наценка в бриве тогда ...
<div class="form-group">
@Html.LabelFor(m => m.Password)
@Html.PasswordFor(m => m.Password, new { @class = "form-control input-lg" }
<div class="password-helper">Must contain: 8 characters, 1 upper-case, 1 lower-case
</div>
@Html.ValidationMessagesFor(m => m.Password, new { @class = "text-danger" })
</div>
Это работает очень хорошо. Если я попытаюсь использовать [StringLength] вместо этого, то рендерированный HTML просто неверный. Валидация должна оформить как:
<span class="text-danger field-validation-invalid field-validation-error" data-valmsg-for="Password" data-valmsg-replace="true"><span id="Password-error" class="">The Password should be a minimum of 8 characters long.</span></span>
С помощью stringlengthattribute отображаемый HTML показывает в качестве проверки, что неверно. Самое смешное, что когда валидатор не удается, отправка все еще заблокирована!
StringLength
отлично работает, я использовал это таким образом:
[StringLength(25,MinimumLength=1,ErrorMessage="Sorry only 25 characters allowed for
ProductName")]
public string ProductName { get; set; }
или же Просто используйте RegularExpression
Без stringlength:
[RegularExpression(@"^[a-zA-Z0-9'@&#.\s]{1,25}$", ErrorMessage = "Reg Says Sorry only 25
characters allowed for ProductName")]
public string ProductName { get; set; }
Но для меня выше методы дали ошибку в представлении отображения, потому что у меня уже было поле ProductName в базе данных, в котором было более 25 символов.
Так что наконец я наткнулся это а также это публиковать и пытался проверить без такой модели:
<div class="editor-field">
@Html.TextBoxFor(model => model.ProductName, new
{
@class = "form-control",
data_val = "true",
data_val_length = "Sorry only 25 characters allowed for ProductName",
data_val_length_max = "25",
data_val_length_min = "1"
})
<span class="validation"> @Html.ValidationMessageFor(model => model.ProductName)</span>
</div>
Это решило мою проблему, вы также можете выполнить проверку вручную, используя jQuery или использование ModelState.addmodelerror
Надежда поможет кому -то.
Я знаю, что очень опоздал на вечеринку, но я и конечно узнал, как мы можем зарегистрировать MaxLengthAttribute
.
Сначала нам нужен валидатор:
public class MaxLengthClientValidator : DataAnnotationsModelValidator<MaxLengthAttribute>
{
private readonly string _errorMessage;
private readonly int _length;
public MaxLengthClientValidator(ModelMetadata metadata, ControllerContext context, MaxLengthAttribute attribute)
: base(metadata, context, attribute)
{
_errorMessage = attribute.FormatErrorMessage(metadata.DisplayName);
_length = attribute.Length;
}
public override IEnumerable<ModelClientValidationRule> GetClientValidationRules()
{
var rule = new ModelClientValidationRule
{
ErrorMessage = _errorMessage,
ValidationType = "length"
};
rule.ValidationParameters["max"] = _length;
yield return rule;
}
}
Ничего особенного. В конструкторе мы сохраняем некоторые значения из атрибута. в GetClientValidationRules
Мы установили правило. ValidationType = "length"
нанесен на карту data-val-length
по рамке. rule.ValidationParameters["max"]
для data-val-length-max
атрибут.
Теперь, поскольку у вас есть валидатор, вам нужно только зарегистрировать его в global.asax
:
protected void Application_Start()
{
//...
//Register Validator
DataAnnotationsModelValidatorProvider.RegisterAdapter(typeof(MaxLengthAttribute), typeof(MaxLengthClientValidator));
}
И вуаля, это просто работает.
Я попробовал это для всех входов в моем HTML-документе (Textarea, входы и т. Д.), Которые имели свойство MAX-MAX Data-Val, и он работает правильно.
$(document).ready(function () {
$(":input[data-val-length-max]").each(function (index, element) {
var length = parseInt($(this).attr("data-val-length-max"));
$(this).prop("maxlength", length);
});
});
Это может заменить максимальную длину и Minlength
[StringLength(40, MinimumLength = 10 , ErrorMessage = "Name cannot be longer than 40 characters and less than 10")]
<input class="text-box single-line" data-val="true" data-val-required="Name is required."
id="Name1" name="Name" type="text" value="">
$('#Name1').keypress(function () {
if (this.value.length >= 5) return false;
});