O Jquery valida o erro de lançamento ao adicionar uma regra
Quando minha página js é carregada e eu crio uma regra vista abaixo, recebo um erro da linha de biblioteca jquery.validate.js nº 138, que diz "não é possível ler a propriedade 'configurações' de indefinidas"
settings = $.data( element.form, "validator" ).settings;
Aqui está a regra que estou adicionando e o formulário também.
$('#zipCodeText').rules("add", {
required: true,
minlength: 5,
maxlength: 5,
messages: {
required: "Required input",
minlength: jQuery.validator.format("Please, {0} characters are necessary"),
maxlength: jQuery.validator.format("Please, {0} characters are necessary")
}
});
@using (Html.BeginForm("SaveLocation", "Manage", FormMethod.Post, new { @class = "form-horizontal", @id = "registerForm", role = "form" })) {
<div class="form-group">
<label for="countryList">Country</label>
<br />@Html.EnumDropDownListFor(m => m.Countries, null, new { @id = "countryList", @class = "selectpicker btn-group-lg" })
</div>
<div id="zipCodeGroup" class="form-group has-feedback" style="display: @(Model.Country == 0 ? " " : "none ");">
<label for="zipCodeText">ZipCode</label>
<input type="number" min="5" max="5" class="form-control input-lg" id="zipCodeText" placeholder="e.g. 94102" value="@Model.ZipCode">
<label id="zipCodeMessage" style="display: none;"></label>
</div>
<div id="locationGroup" class="form-group has-feedback" style="display: @(Model.Country == 0 ? " none " : " ");">
<label for="locationText">Location</label>
<input type="text" min="4" max="40" class="form-control input-lg" id="locationText" placeholder="e.g. San Francisco" value="@Model.Location">
<label id="locationMessage" style="display: none;"></label>
</div>
<input type="button" value="Save" id="yogaLocationSave" class="btn btn-primary btn-lg" />
<input type="button" value="Cancel" id="yogaLocationCancel" class="btn btn-default btn-lg" />}