Javascript doesn't work in IE

Question

0.00/5 (No votes)

See more:

Hi all,

I have a javascript on my page which works fine in all the browsers except IE 8 or 9 (Haven't checked on other versions.).

After some trial and errors I have found that it appears to be caused by a conflict with the requredfieldValidator as when I removed requredfieldvalidator and script runs OK. Here is my sample code.

(I have used master page)

XML

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript" language="javascript">



    function SetStandards(Conducted, Standard, TargetControl) {

        
        TargetControl.value = Number((Number(Standard.value) / Number(Conducted.value) * 100 * 10) / 10).toFixed(1);

        if (isNaN(TargetControl.value) == true) {
            TargetControl.value = '';
        }

        if (TargetControl.value > 100) {
            alert('Some error message.');
            Standard.focus();
        };

    };
</script>

<asp:TextBox ID="txtTecQua0" runat="server" style="text-align:right"
                onBlur="SetStandards(ctl00_ContentPlaceHolder1_txtTecQua0,ctl00_ContentPlaceHolder1_txtTecQua1,ctl00_ContentPlaceHolder1_txtTecQua2);"
                onFocus="GetHelpText('The number of residual chlorine tests refers to routine tests in the distribution network only!  Tests at the treatment plant shall not be included here.')"
                onKeypress="return isNumberKey(event);"></asp:TextBox>
                <div>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server"
                    ControlToValidate="txtTecQua0"
                    SetFocusOnError="True" ValidationGroup="check">*</asp:RequiredFieldValidator>
                </div>
                <asp:TextBox ID="txtTecQua1" runat="server" style="text-align:right"
                onBlur="SetStandards(ctl00_ContentPlaceHolder1_txtTecQua0,ctl00_ContentPlaceHolder1_txtTecQua1,ctl00_ContentPlaceHolder1_txtTecQua2);"
                onFocus = "GetHelpText('No. of residual chlorine tests which were in compliance with the relevant standards')"
                onKeypress="return isNumberKey(event);"></asp:TextBox>
                <div>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server"
                    ControlToValidate="txtTecQua1"
                    SetFocusOnError="True" ValidationGroup="check">*</asp:RequiredFieldValidator>
                </div>
                <asp:TextBox ID="txtTecQua2" runat="server" style="text-align:right" CssClass="DisplayTextbox"

                    onFocus ="GetHelpText('Percentage of residual chlorine tests in compliance with relevant standards. Value is calculated on the basis of reported no. of tests conducted and no. of tests in compliance with relevant standards.')"
                    TabIndex="-1"
                    onKeypress="return isNumberKey(event);"></asp:TextBox>
                <div>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator14" runat="server"
                    ControlToValidate="txtTecQua2"
                    SetFocusOnError="True" ValidationGroup="check">*</asp:RequiredFieldValidator>
                </div>
                <asp:Button ID="btnCheck" runat="server" Text="Check" ValidationGroup="check" />
                <asp:Button ID="btnSave" runat="server" Text="Save" />

</asp:Content>

Any advice please??

Thanks in advance.

Posted 14-May-12 1:47am

hiren soni

Add a Solution

Comments

ZurdoDev 14-May-12 8:17am

What exactly does or does not happen in IE?

hiren soni 14-May-12 8:46am

I get an error dialog saying 'ctl00_ContentPlaceHolder1_txtCombil' is undefined. And won't get the desired result. That dialog is depend on browser settings.

ZurdoDev 14-May-12 8:48am

What line of code causes that error?

hiren soni 14-May-12 8:53am

Just when blur event fires on both the textboxes.

hiren soni 14-May-12 8:55am

Just on blur evrnt of both the textboxes. .

ZurdoDev 14-May-12 9:09am

onBlur="SetStandards(ctl00_ContentPlaceHolder1_txtTecQua0,ctl00_ContentPlaceHolder1_txtTecQua1,ctl00_ContentPlaceHolder1_txtTecQua2);" should be onBlur="SetStandards('ctl00_ContentPlaceHolder1_txtTecQua0','ctl00_ContentPlaceHolder1_txtTecQua1','ctl00_ContentPlaceHolder1_txtTecQua2');". You need single quotes around your strings. But then you are not using them properly in the function. If you use jQuery you could do onBlur="SetStandards($('#ctl00_ContentPlaceHolder1_txtTecQua0'),$(#'ctl00_ContentPlaceHolder1_txtTecQua1'),$('#ctl00_ContentPlaceHolder1_txtTecQua2'));" The problem is you are trying to pass the controls but you can't do it with just the control name. You need to get a handle on the control either using jQuery or using document.getElementById();

hiren soni 14-May-12 12:45pm

Thanx a lot Ryan. By the time i read this I already did the same. But still it is very helpful. And special thanks for JQuery thing. It will help me a lot in future.

Cheers.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

PrashantShirke · Answer 1 · 2012-05-14T02:36:00

problem may occurs coz validators maintains anonymous function for onblur event in which its not able to get control which ur sending in parameters..

try by making function without params...
i.e.

function SetStandards() {
       var Conducted = document.getElementById("<%= txtTecQua0.ClientID %>");

       var Standard = document.getElementById("<%= txtTecQua1.ClientID %>");
       var TargetControl = document.getElementById("<%= txtTecQua2.ClientID %>");

       TargetControl.value = Number((Number(Standard.value) / Number(Conducted.value) * 100 * 10) / 10).toFixed(1);

       if (isNaN(TargetControl.value) == true) {
           TargetControl.value = '';
       }

       if (TargetControl.value > 100) {
           alert('Some error message.');
           Standard.focus();
       };

   };

and call it on blur like

onblur="SetStandards();"

hope it will help you. :-)