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;
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):
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
add a comment
|
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):
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
add a comment
|
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):
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
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):
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
c# asp.net-mvc twitter-bootstrap-3
asked Mar 28 at 15:51
Full Time SkeletonFull Time Skeleton
1,06213 silver badges32 bronze badges
1,06213 silver badges32 bronze badges
add a comment
|
add a comment
|
1 Answer
1
active
oldest
votes
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.
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
add a comment
|
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
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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.
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
add a comment
|
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.
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
add a comment
|
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.
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.
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
add a comment
|
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
add a comment
|
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.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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