ASP.net MVC validation highlight and icon on incorrect fields Jquery

后端 未结 5 717
星月不相逢
星月不相逢 2021-01-03 06:30

I\'m looking for a way to change the default ASP.net MVC validation so that instead of putting a message next to each incorrect form field it would instead put an icon. I wo

5条回答
  •  难免孤独
    2021-01-03 06:33

    Actually, reimplementing all the client-validation stuff would be not the best idea. So, I will show you some simple "hack" approach. This may help you.

    Default validation places .field-validation-error class on the generated error-text-container spans. So, let's style that span to our needs

    .field-validation-error
    {
        background-image: url('http://findicons.com/files/icons/1014/ivista/128/error.png');
        background-repeat: no-repeat;
        color: Transparent;
        background-size: 16px 16px;
    }
    

    This makes span text contents dissapear and instead places background-image in there. This gives pretty close visual behavior to one you need.

    This is the exact output given from above css.

    enter image description here

提交回复
热议问题