On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.
Course Of The Month
4 days, 15 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
style.display = 'none' makes the error msg not display again
Posted on 2013-01-06
I have a clear button and onClientClick, I call a javascript function. This is what's happening
1. I click the submit button and an error msg is displayed because the textbox is empty
2. I click Clear and the Javascript is called and the error msg is cleared
3. So far so good
5. I click Submit again, and the textbox is empty but this time, the error msg is not displayed.
I think it's because of style.display = 'none' that wont allow the error msg to be displayed again.
Anything else i can use besides style.display ='none'?
1. I click the submit button and an error msg is displayed because the textbox is empty
2. I click Clear and the Javascript is called and the error msg is cleared
3. So far so good
5. I click Submit again, and the textbox is empty but this time, the error msg is not displayed.
I think it's because of style.display = 'none' that wont allow the error msg to be displayed again.
Anything else i can use besides style.display ='none'?
<script type="text/javascript">
function clrCtrl() {
document.getElementById("<%= ccNumber.ClientID %>").value = "";
document.getElementById("<%= RequiredFieldValidator4.ClientID %>").style.display = 'none';
}
</script>
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
4-
4
- +1
10 Comments
Active 1 day ago
'inline' and 'block' are the other two options. You don't have to use that line at all, you can just leave the display setting alone. What is it supposed to be doing for you?
Active today
>>What is it supposed to be doing for you?
style.display = 'none' clears the erorr msg is the first time. This is good.
in Step 5 above, when I click on submit button again when the textfield is empty...the error msg should show again but it doesnt. I think it's because the first time...style.display = 'none'
does something and the error msg is not displayed again...
I cant use "block'...i wasnt to clear the field but i dont want to clear it forever...
style.display = 'none' clears the erorr msg is the first time. This is good.
in Step 5 above, when I click on submit button again when the textfield is empty...the error msg should show again but it doesnt. I think it's because the first time...style.display = 'none'
does something and the error msg is not displayed again...
I cant use "block'...i wasnt to clear the field but i dont want to clear it forever...
Active 1 day ago
'block' is for things like <p> and <div> and 'inline' is for text and <span>. Has nothing to do with clearing the field, only with how it is displayed.
Active today
No, let me rephrase my question This is the literal I have
And an input field:
And the button that calls the Javascript and the submit button
1. The first time when I click on the submit button without entering anything in the input box, the fieldvalidator error msg is displayed.
2. I click the clear button and this error is cleared
3. I click the submit button again without entering anything in the input box (just like step 1), but this time, the fieldvalidator doesnt display the error msg. I think it's because of the style.display ='none' does something to that field. If I remove the javascript...the fieldvalidator's error msg gets displayed the second time (or whenever i click submit without entering anything in the input box)
And an input field:
<input type="text" maxlength="16" class="InputFields" tabindex="1" runat="server" name="ccNumber" id="ccNumber" />
<asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator4" ControlToValidate="ccNumber" Text="Card Number is required." ErrorMessage="Card Number is required."></asp:RequiredFieldValidator>
And the button that calls the Javascript and the submit button
<asp:LinkButton ID="btnCancel" CausesValidation="false" OnClientClick="clrCtrl();return false;" runat="server" Text="Clear" />
<asp:LinkButton ID="lbSubmit" OnClick="lbSubmit_OnClick" CausesValidation="true" runat="server" Text="Submit" />
1. The first time when I click on the submit button without entering anything in the input box, the fieldvalidator error msg is displayed.
2. I click the clear button and this error is cleared
3. I click the submit button again without entering anything in the input box (just like step 1), but this time, the fieldvalidator doesnt display the error msg. I think it's because of the style.display ='none' does something to that field. If I remove the javascript...the fieldvalidator's error msg gets displayed the second time (or whenever i click submit without entering anything in the input box)
Active 1 day ago
style.display ='none' makes it not display. It's as simple as that. 'none' means no display. If you want it to display after doing that, you have to make it either style.display ='inline' or style.display ='block'.
Active today
do I need if-else in the javascript to display and hide?? i dont think so. For example:
User clicks submit and the error msg is displayed. User clicks clear and the error msg is cleared. User clicks submit again...at this point..the error msg should display again ...how can I change that Javascript to display the error msg? I have to check the value of the input box?
User clicks submit and the error msg is displayed. User clicks clear and the error msg is cleared. User clicks submit again...at this point..the error msg should display again ...how can I change that Javascript to display the error msg? I have to check the value of the input box?
Active 1 day ago
If you are going to call "clrCtrl()" both times then you do need the if-else and a variable to keep track of the state. Otherwise, it can be two different functions.
A better way to do is to uses classes. If you have two classes in the css:
.showmsg {display:inline;}
.hidemsg {display:none;}
Then all you need to do in the script is a toggle:
document.getElementById("<
(document.getElementById("
Cd&
.showmsg {display:inline;}
.hidemsg {display:none;}
Then all you need to do in the script is a toggle:
document.getElementById("<
(document.getElementById("
Cd&
Active today
This question sounds like a question I answered a while ago:
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_27914633.html
You have to use visibility:hidden instead of display:none to hide the error message on RequiredFieldValidators without disabling them.
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_27914633.html
You have to use visibility:hidden instead of display:none to hide the error message on RequiredFieldValidators without disabling them.
Featured Post
Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed. In this part, we'…
This article discusses the difference between strict equality operator and equality operator in JavaScript.
The Need:
Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The viewer will learn the basics of jQuery, including how to invoke it on a web page.
Reference your jQuery libraries: (CODE)
Include your new external js/jQuery file: (CODE)
Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month4 days, 15 hours left to enroll
688 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.