Home/ Questions/Q 3954544
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T02:06:43+00:00

I am writing an ASP.NET MVC app. I am at the client side validation

  • 0

I am writing an ASP.NET MVC app. I am at the client side validation part. I found that when the UI flashes an error, it uses the class .input-validation-error.

What do I have to do in order to successfully make this class the same as what the jQuery UI uses for Alert CSS.

If you go to http://jqueryui.com/themeroller/ and look at the lower right you’ll see an Alert box. What is the correct way to use this styling for my input validation error class?

I am very new to MVC so am not sure how to go about this

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What I would do is put that line of code in partial view and pass the message or view model to that partial view.

    <div id="error-effect" class="ui-widget">
    <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
    <div style="margin-top:12px;">
    <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
    <strong>Error:</strong> 
    "Your message goes here"
   </p>
    </div>
    </div>
</div>

    If you have imported the JQuery classes correctly, it should display the way it does on themeroller page.

    • 0