نمایش ValidationMessageFor بصورت tooltip

سلام
کد زیر را داریم

<div class="form-group">

        @Html.LabelFor(model => model.PassportNumber, htmlAttributes: new { @class = "control-label col-md-2" })

        <div class="col-md-10">

            @Html.EditorFor(model => model.PassportNumber, new { htmlAttributes = new { @class = "form-control" } })

            @Html.ValidationMessageFor(model => model.PassportNumber, "", new { @class = "text-danger" })

        </div>

    </div>

حال چگونه می توانم ارور را بصورت tooltip نمایش بدهم
باتشکر

نتیجه ی ValidationMessageFor یک span هست که شامل متن خطا میشه ، به این شکل :

<span class="field-validation-error text-danger" 

            data-valmsg-for="StudentName" 

            data-valmsg-replace="true">The StudentName field is required.</span>

در نتیجه کافیه شما ValidatorMessageFor رو داخل tooltip تون قرار بدید :

<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">

  @Html.ValidationMessageFor(m => m.StudentName, "", new { @class = "text-danger" })

</button>

و اگر میخواید کدتون تمیز بمونه ، براش یک HTML Helper خودتون بنویسید.