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

[Iran58]

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

<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 نمایش بدهم
باتشکر

[Moien Tajik]

نتیجه ی 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 خودتون بنویسید.