MVC Styling form errors with BootStrap 3How to RedirectToAction in ASP.NET MVC without losing request dataFile Upload ASP.NET MVC 3.0Custom MVC validation attribute and bootstrap format issueCenter a column using Twitter Bootstrap 3Change navbar color in Twitter BootstrapWhat is sr-only in Bootstrap 3?vertical-align with Bootstrap 3ASP.NET MVC5 textarea not outlined in red on validation errorBootstrap validation with MVC?Bootstrap validator and proper form field validation

Worms crawling under skin

Where are they calling from?

I reverse the source code, you negate the input!

To what extent is it worthwhile to report check fraud / refund scams?

What benefits does the Power Word Kill spell have?

Can the U.S. president make military decisions without consulting anyone?

The 100 soldier problem

What is this utensil for?

What are these pixel-level discolored specks? How can I fix it?

Who created the Lightning Web Component?

How can an attacker use robots.txt?

How to ask a man to not take up more than one seat on public transport while avoiding conflict?

Would Taiwan and China's dispute be solved if Taiwan gave up being the Republic of China?

Is it right to extend flaps only in the white arc?

Can Northern Ireland's border issue be solved by repartition?

Is it true that, "just ten trading days represent 63 per cent of the returns of the past 50 years"?

The quicker I go up, the sooner I’ll go down - Riddle

Has my MacBook been hacked?

Do we know the situation in Britain before Sealion (summer 1940)?

How is the problem, ⟨G⟩ in Logspace?

If the EU does not offer an extension to UK's Article 50 invocation, is the Benn Bill irrelevant?

What are these ingforms of learning?

Why is there not an optimal solution for a MIP?

Is it a good idea to leave minor world details to the reader's imagination?



MVC Styling form errors with BootStrap 3


How to RedirectToAction in ASP.NET MVC without losing request dataFile Upload ASP.NET MVC 3.0Custom MVC validation attribute and bootstrap format issueCenter a column using Twitter Bootstrap 3Change navbar color in Twitter BootstrapWhat is sr-only in Bootstrap 3?vertical-align with Bootstrap 3ASP.NET MVC5 textarea not outlined in red on validation errorBootstrap validation with MVC?Bootstrap validator and proper form field validation






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















I am trying to figure out how to, on form submission, to trigger the following styling of form error in Bootstrap.



So the idea is the user submits the form, the controller fails validation (maybe the email address they've submitted on the form has already been used) and the user is returned to the view with the state of the erroring fields marked out thusly (i.e. with a red outline and a red X):



Bootstrap feedback form states



I've seen how to accomplish this client side but not how to trigger it server side. So the form would re-load, in this example the email field would look like the 'Input with error' field of the image attached.










share|improve this question






























    0















    I am trying to figure out how to, on form submission, to trigger the following styling of form error in Bootstrap.



    So the idea is the user submits the form, the controller fails validation (maybe the email address they've submitted on the form has already been used) and the user is returned to the view with the state of the erroring fields marked out thusly (i.e. with a red outline and a red X):



    Bootstrap feedback form states



    I've seen how to accomplish this client side but not how to trigger it server side. So the form would re-load, in this example the email field would look like the 'Input with error' field of the image attached.










    share|improve this question


























      0












      0








      0








      I am trying to figure out how to, on form submission, to trigger the following styling of form error in Bootstrap.



      So the idea is the user submits the form, the controller fails validation (maybe the email address they've submitted on the form has already been used) and the user is returned to the view with the state of the erroring fields marked out thusly (i.e. with a red outline and a red X):



      Bootstrap feedback form states



      I've seen how to accomplish this client side but not how to trigger it server side. So the form would re-load, in this example the email field would look like the 'Input with error' field of the image attached.










      share|improve this question














      I am trying to figure out how to, on form submission, to trigger the following styling of form error in Bootstrap.



      So the idea is the user submits the form, the controller fails validation (maybe the email address they've submitted on the form has already been used) and the user is returned to the view with the state of the erroring fields marked out thusly (i.e. with a red outline and a red X):



      Bootstrap feedback form states



      I've seen how to accomplish this client side but not how to trigger it server side. So the form would re-load, in this example the email field would look like the 'Input with error' field of the image attached.







      c# asp.net-mvc twitter-bootstrap-3






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 28 at 15:51









      Full Time SkeletonFull Time Skeleton

      1,06213 silver badges32 bronze badges




      1,06213 silver badges32 bronze badges

























          1 Answer
          1






          active

          oldest

          votes


















          1
















          Have the server side code set a hidden variable. On the page load look at the value and detemine which if any of the error formats to use.






          share|improve this answer

























          • You know that's what I was thinking of doing but for some reason I presumed there was a more elegant or out-of-the-box solution. Thanks, I'll go with that.

            – Full Time Skeleton
            Mar 28 at 17:06













          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/4.0/"u003ecc by-sa 4.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );














          draft saved

          draft discarded
















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55401887%2fmvc-styling-form-errors-with-bootstrap-3%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          1
















          Have the server side code set a hidden variable. On the page load look at the value and detemine which if any of the error formats to use.






          share|improve this answer

























          • You know that's what I was thinking of doing but for some reason I presumed there was a more elegant or out-of-the-box solution. Thanks, I'll go with that.

            – Full Time Skeleton
            Mar 28 at 17:06















          1
















          Have the server side code set a hidden variable. On the page load look at the value and detemine which if any of the error formats to use.






          share|improve this answer

























          • You know that's what I was thinking of doing but for some reason I presumed there was a more elegant or out-of-the-box solution. Thanks, I'll go with that.

            – Full Time Skeleton
            Mar 28 at 17:06













          1














          1










          1









          Have the server side code set a hidden variable. On the page load look at the value and detemine which if any of the error formats to use.






          share|improve this answer













          Have the server side code set a hidden variable. On the page load look at the value and detemine which if any of the error formats to use.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Mar 28 at 15:55









          Edney HolderEdney Holder

          5042 silver badges13 bronze badges




          5042 silver badges13 bronze badges















          • You know that's what I was thinking of doing but for some reason I presumed there was a more elegant or out-of-the-box solution. Thanks, I'll go with that.

            – Full Time Skeleton
            Mar 28 at 17:06

















          • You know that's what I was thinking of doing but for some reason I presumed there was a more elegant or out-of-the-box solution. Thanks, I'll go with that.

            – Full Time Skeleton
            Mar 28 at 17:06
















          You know that's what I was thinking of doing but for some reason I presumed there was a more elegant or out-of-the-box solution. Thanks, I'll go with that.

          – Full Time Skeleton
          Mar 28 at 17:06





          You know that's what I was thinking of doing but for some reason I presumed there was a more elegant or out-of-the-box solution. Thanks, I'll go with that.

          – Full Time Skeleton
          Mar 28 at 17:06




















          draft saved

          draft discarded















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55401887%2fmvc-styling-form-errors-with-bootstrap-3%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

          Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

          Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript