ASP.NET

using javascript to check validation in aspx page

3-Dec-09 2:29

Why do you use Designer?

I think using it will end up creating unnecessary codes. use html to define design. Smile | :)

Abhishek Sur
Don't forget to click "Good Answer" if you like this Solution.
My Latest Articles-->
Simplify Code Using NDepend
Basics of Bing Search API using .NET
Microsoft Bing MAP using Javascript

Member 47041433-Dec-09 0:07

Member 4704143

3-Dec-09 0:07

Hi all,

I am a beginner in javascript, and now I am trying to use it to check validation for an aspx page. I have a button and a textbox. When the button is clicked, the textbox will be checked wether it is empty or not.

I use the following code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript" runat="server">
      function checkValue2( obj)
{
    if (obj.value == "")
        alert ("empty");
    else
        alert ("not empty");
}
</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>              
        <asp:Button ID="Button1" runat="server" Text="Button"  onclick='checkValue2(forms[0].TextBox1)' />  
    </div>
    </form>
</body>
</html>

And this is the error:

Compiler Error Message: CS1001: Identifier expected

Source Error:

Line 7: <title>Untitled Page</title>
Line 8: <script type="text/javascript" runat="server">
Line 9: function checkValue2( obj)Line 10: {
Line 11: if (obj.value == "")

Could you tell me how can I fix this error?

Thank kiu so much!

Re: using javascript to check validation in aspx page

Abhijit Jana3-Dec-09 0:21

Re: using javascript to check validation in aspx page

3-Dec-09 0:21

Member 4704143 wrote:
When the button is clicked, the textbox will be checked wether it is empty or not.

Member 4704143 wrote:
<asp:button id="Button1" runat="server" text="Button" onclick="checkValue2(forms[0].TextBox1)">

Try This :

var TextID="<%TextBox1.ClientID")";
 function checkValue2()
{
    Var ClientTextID= document.getElementByID(TextID);
    if(ClientTextID.value='')
      {
       alert('text box is null);
      }
     else
      {
      alert('text box is not null);
      }
}

Please check the syntax. Smile | :)

Abhijit Jana | Codeproject MVP
Web Site : abhijitjana.net
Don't forget to click "Good Answer" on the post(s) that helped you.

Anurag Gandhi3-Dec-09 0:27

Re: using javascript to check validation in aspx page

3-Dec-09 0:27

Suggested change should be done in OnClientClick Event

<asp:Button ID="Button1" runat="server" Text="Button" 
OnClientClick='checkValue2(forms[0].TextBox1)' />

Anurag Gandhi.
http://www.gandhisoft.com
Life is a computer program and every one is the programmer of his own life.

Member 47041433-Dec-09 0:30

Member 4704143

3-Dec-09 0:30

I have placed it in my code as following

<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript" runat="server">
      var TextID="<%TextBox1.ClientID")";
        function checkValue2()
        {   
            Var ClientTextID= document.getElementByID(TextID);
            if(ClientTextID.value='')     
            {     
                alert('text box is null);     
            } 
            else    
            {    
                alert('text box is not null);   
            }
        }
</script>
</head>

But it seems to be wrong?

Re: using javascript to check validation in aspx page

Abhijit Jana3-Dec-09 0:50

Re: using javascript to check validation in aspx page

3-Dec-09 0:50

Member 4704143 wrote:
But it seems to be wrong?

What seems to be wrong ? Any error ? I have already told you please check the syntax.

Member 4704143 wrote:
var TextID="<%TextBox1.ClientID")";

var TextID="<%TextBox1.ClientID%>";

Abhijit Jana | Codeproject MVP
Web Site : abhijitjana.net
Don't forget to click "Good Answer" on the post(s) that helped you.

Abhishek Sur3-Dec-09 0:57

Re: using javascript to check validation in aspx page

3-Dec-09 0:57

Hey.. he made script runat=server
That means it will not defined as Javascript. Wink | ;)

Abhishek Sur
Don't forget to click "Good Answer" if you like this Solution.
My Latest Articles-->
Simplify Code Using NDepend
Basics of Bing Search API using .NET
Microsoft Bing MAP using Javascript

Abhijit Jana3-Dec-09 1:06

Re: using javascript to check validation in aspx page

3-Dec-09 1:06

Abhishek Sur wrote:
Hey.. he made script runat=server
That means it will not defined as Javascript.

I haven't Noticed that !
Thanks Abhishek !!

Abhijit Jana | Codeproject MVP
Web Site : abhijitjana.net
Don't forget to click "Good Answer" on the post(s) that helped you.

Abhishek Sur3-Dec-09 1:07

Re: using javascript to check validation in aspx page

3-Dec-09 1:07

Abhijit Jana wrote:
Thanks Abhishek !!

Cheers.

Abhishek Sur
Don't forget to click "Good Answer" if you like this Solution.
My Latest Articles-->
Simplify Code Using NDepend
Basics of Bing Search API using .NET
Microsoft Bing MAP using Javascript

Abhishek Sur3-Dec-09 1:00

Re: using javascript to check validation in aspx page

3-Dec-09 1:00

The only problem that I see in your code is runat="server" in the script block.

If you specify a script block as runat="server" it will take it as C# / VB.NET block based on the language.

So remove the runat = server and also use
OnClientClick to define javascript block.

use this :

<asp:Button ID="Button1" runat="server" Text="Button"  OnClientClick="javascript:checkValue2(this)" /> 

<script type="text/javascript" >
function checkValue2( obj)
{
    if (obj.value == "")
        alert ("empty");
    else
        alert ("not empty");
}
</script>

this will work. Wink | ;)

Abhishek Sur
Don't forget to click "Good Answer" if you like this Solution.
My Latest Articles-->
Simplify Code Using NDepend
Basics of Bing Search API using .NET
Microsoft Bing MAP using Javascript

Member 47041433-Dec-09 16:37

Member 4704143

3-Dec-09 16:37

Yep ... It worked! Thank kiu so much!

Re: using javascript to check validation in aspx page

Anurag Gandhi3-Dec-09 17:22

3-Dec-09 17:22

Good Catch. Smile | :)

Anurag Gandhi.
http://www.gandhisoft.com
Life is a computer program and every one is the programmer of his own life.

FreezeHeader

Anurag Gandhi3-Dec-09 0:00

3-Dec-09 0:00

Hi,

I need to Freeze the Header of a GridView.

I used the following property in Style of Header:

position:relative;
top:expression(this.offsetParent.scrollTop);

This works in IE8 compatibility view. but not in Chrome, Firefox or IE8.

can anyone please help me in this.

Thanks

Anurag Gandhi.
http://www.gandhisoft.com
Life is a computer program and every one is the programmer of his own life.

Abhijit Jana3-Dec-09 0:02

3-Dec-09 0:02

Anurag,

Did you checked this,
Maintain GridView Scroll Position and Header Inside Update Panel[^]

Abhijit Jana | Codeproject MVP
Web Site : abhijitjana.net
Don't forget to click "Good Answer" on the post(s) that helped you.

Anurag Gandhi3-Dec-09 0:23

3-Dec-09 0:23

Hi Abhijeet,
I also did the same to freeze the header. But its not working in IE8, Mozilla and Chrome.

I could not run your code.
Getting error: "Could not load file or assembly 'System.Web.Extensions,..."

Any suggession?

Anurag Gandhi.
http://www.gandhisoft.com
Life is a computer program and every one is the programmer of his own life.

Abhijit Jana3-Dec-09 0:34

3-Dec-09 0:34

Anurag Gandhi wrote:
I could not run your code.
Getting error: "Could not load file or assembly 'System.Web.Extensions,..."

Just fix this error using :
http://forums.asp.net/t/1135367.aspx[^]

Abhijit Jana | Codeproject MVP
Web Site : abhijitjana.net
Don't forget to click "Good Answer" on the post(s) that helped you.

Abhishek Sur3-Dec-09 0:52

3-Dec-09 0:52

do not use expression in CSS...

Browser renders it for every action, thus the site will be slower. Even mouse-move will call it also. Smile | :)

Abhishek Sur
Don't forget to click "Good Answer" if you like this Solution.
My Latest Articles-->
Simplify Code Using NDepend
Basics of Bing Search API using .NET
Microsoft Bing MAP using Javascript

Anurag Gandhi3-Dec-09 0:56