Client Side Web Development

Re: Google Chrome browser problem

dusha — Fri, 07 Aug 2009 12:06:06 GMT

Well, it seems to be a bug. 100% reproducible when trying to catch the onlcur event of <input type="checkbox"/>

For example: <INPUT TYPE="CHECKBOX" NAME="Deactivate" value="ON" onblur="CheckIfRowChanged();">

I have no validators on the page.

Observed this in Chrome 1.0.154.36 and see the same after upgrade to 2.0.172.39.

Any thoughts?

Re: Google Chrome browser problem

budugu — Sun, 25 Jan 2009 03:09:59 GMT

srinivasanugula:
Its working fine..thanks a lot..

Glad it helped!!

Actually it's not a bug with "onblur" event. Chrome has some problems with RequiredField validator's SetFocusOnError property.

I made a blog post on this bug.

Re: Google Chrome browser problem

srinivasanugula — Fri, 23 Jan 2009 21:06:10 GMT

Its working fine..thanks a lot..

Re: Google Chrome browser problem

budugu — Fri, 23 Jan 2009 20:55:54 GMT

"On Blur" event is a bug with google chrome . So you can not use that. You may want do it in "onKeyUp" event. Which will work for all browsers..

  <input id="txtLastname" runat="server" type="text" maxlength="16" autocomplete = "off" tabindex="2" 
      style="width: 127px" onKeyUp= "formatSSN();"/>

Re: Google Chrome browser problem

srinivasanugula — Fri, 23 Jan 2009 20:37:18 GMT

Thanks, its ok for converting to UpparCase letters, but i am calling a javascript function for formatting (999-99-9999) ssn.

In this case what can i do, please help me.

Note: (Here i am calling formatSSN() function in onblur event, it formats the no from 999999999 to 999-99-9999

<asp:RequiredFieldValidator ID="RfSSN" runat="server" ControlToValidate="txtSSN" Display="None" ErrorMessage="Social Security Number" SetFocusOnError="True" EnableViewState="False"></asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="ReSSN" runat="server" ControlToValidate="txtSSN" Display="None" ErrorMessage="Social Security Number" ValidationExpression="\d{3}-\d{2}-\d{4}" EnableViewState="False"></asp:RegularExpressionValidator>

Thanks

Srinivas

Re: Google Chrome browser problem

budugu — Fri, 23 Jan 2009 20:28:49 GMT

Yes, It seems to be Chrome has problem with "onbur" events and validators. But following code will work in all browsers..

<input id="txtLastname" runat="server" type="text" maxlength="16" autocomplete = "off" tabindex="2" 
style="width: 127px;text-transform:uppercase;" onblur = "javascript:this.value=this.value.toUpperCase();"/>
<asp:RequiredFieldValidator ID="RfLastname" runat="server" ControlToValidate="txtLastname" 
Display="None" ErrorMessage="Last Name" SetFocusOnError="True" 
EnableViewState="False"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="ReLastname" runat="server" ControlToValidate="txtLastname" 
Display="None" ErrorMessage="Last Name" ValidationExpression="^[a-zA-Z'-.\s]{1,13}$" EnableViewState="False">
</asp:RegularExpressionValidator>

Re: Google Chrome browser problem

srinivasanugula — Fri, 23 Jan 2009 20:14:33 GMT

i checked with a simple page its working fine, but if add the asp.net validators to that input control, than its not triggaring the javascript.

Please check with this and help me.

Thanks

srinivas

Re: Google Chrome browser problem

A1ien51 — Wed, 21 Jan 2009 20:33:58 GMT

note when running JavaScript in event handlers you do not need javascript: so you can remove that.

Eric

Re: Google Chrome browser problem

budugu — Wed, 21 Jan 2009 20:29:49 GMT

srinivasanugula:
I am calling this function on onBlur event

This one also workng in Chrome for me. What is your problem ? Are you getting any error?..

<input id="txtSSN" runat="server" type="text" maxlength="16" autocomplete ="off" tabindex="2" style="width: 127px" enableviewstate="false" onblur ="formatSSN();"/>

Re: Google Chrome browser problem

Danny117 — Wed, 21 Jan 2009 20:23:22 GMT

Can't duplicate problem. Back to drawing board.

Worked on chrome version 1.0.154.43 no problem

Worked on firefox version 3.0.5

worked on IE7

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Re: Google Chrome browser problem

srinivasanugula — Wed, 21 Jan 2009 20:05:08 GMT

I am calling this function on onBlur event

function formatSSN()

{

var ssn = document.getElementById("txtSSN").value;if(ssn.length == 9)

{

document.getElementById("txtSSN").value= ssn.substring(0, 3) +"-" + ssn.substring(3, 5) + "-" + ssn.substring(5, 9);

}

Re: Google Chrome browser problem

srinivasanugula — Wed, 21 Jan 2009 19:57:10 GMT

I am using Google Chrome 1.0.154.43

Re: Google Chrome browser problem

budugu — Wed, 21 Jan 2009 19:22:10 GMT

I tried your code in Google chrome 1.0.154.43 ,and it worked fine. Which version you are using?

You can also convert characters to uppercase like this...

<input id="txtLastname" runat="server" type="text" maxlength="16" autocomplete ="off" tabindex="2" style="width: 127px;text-transform:uppercase;" enableviewstate="false"  />

Re: Google Chrome browser problem

srinivasanugula — Wed, 21 Jan 2009 18:58:32 GMT

This is the code, its firing in IE, Mozilla but it is not firing on Google chrome.

Thanks

Srinivas

Re: Google Chrome browser problem

Danny117 — Wed, 21 Jan 2009 18:22:33 GMT

post some code so the group can try it out.