.unmask (). maskSSN () Сохранение поля обязательного заполнения

Question

Я поставил эту опцию, чтобы замаскировать первые 5 из SSN, но проблема в том, что обязательное поле больше не требуется после того, как я поставил:

$(document).ready(function() {
  $('.ssn').unmask().maskSSN('999-99-9999', {
    maskedChar: 'X',
    maskedCharsLength: 5
  });
});

HTML выглядит так:

<div class="col-lg-3 col-md-4">
  @Html.LabelFor(model => model.SolicitantDataView.SSN, htmlAttributes: new { @class = "control-label col-lg-12 col-md-3 required" }) @Html.EditorFor(model => model.SolicitantDataView.SSN, new { htmlAttributes = new { @class = "form-control ssn ssnControl"}
  }) @Html.ValidationMessageFor(model => model.SolicitantDataView.SSN, "", new { @class = "text-danger" })
</div>

А модель такая:

[Display(Name = "Seguro Social")]
[Required(ErrorMessage = "Seguro Social es requerido")]
public string SSN {
  get;
  set;
}

Я что-то упустил или просто так не правильно. Я пробую другие способы, но когда я отправляю значение, приходят с точно XXX-XX-XXXX и не должно быть так. Я просто хочу замаскировать числа по соображениям безопасности, и значение должно быть таким же, как я ввел (числа), но этот способ работает отлично, но единственная проблема заключается в том, что требуемое не работает.