writing javascript code in aspx form

Question

1.33/5 (2 votes)

See more:

I want to do client side validation of a form before posting it to the server. I've written the aspx code for the form but don't know how to do javascript validation with the same page.
The fields are:
1. name
2. roll
3. submit button
*********************************

<form   runat="server">
<table>
<tr>
<td>Name:</td>
<td><asp:TextBox ID="name" runat="server" /></td>
</tr>

<tr>
<td>Roll:</td>
<td><asp:TextBox ID="roll" runat="server" /></td>
</tr>

<tr>
<td><asp:ImageButton ID="ImgSubmit" runat="server" ImageUrl="~/images/submit.gif"/></td>
</tr>

</table>
</form>

***********************************
How to do javascript validation with this aspx form?? Also I want to include some features with javascript like:
1) when the page loads the cursor must be at the "Name" textbox
2) initially the submit button must be disabled
3) change the color of the text box when it is focused.

How to include java script code with this form??

Posted 23-Jun-11 17:14pm

nischalinn

Updated 23-Jun-11 19:02pm

thatraja

v3

Add a Solution

4 solutions

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)

Christian Graus · Answer 1 · 2011-06-23T17:21:00

Solution 1

You just put the javascript on the form and it's rendered directly into your html. Then you can put event handlers etc in your controls, any thing not recognised by the framework is passed through verbatim.

Posted 23-Jun-11 17:21pm

Christian Graus

kaushal16 · Answer 2 · 2011-06-23T19:12:00

Try this....

XML

<form   runat="server">
 <script type="text/javascript" language="javascript">
//put javascript here

<table>
<tr>
<td>Name:</td>
<td><asp:TextBox ID="name" runat="server" /></td>
</tr>
<tr>
<td>Roll:</td>
<td><asp:TextBox ID="roll" runat="server" /></td>
</tr>
<tr>
<td><asp:ImageButton ID="ImgSubmit" runat="server" ImageUrl="~/images/submit.gif"/></td>
</tr>
</table>
</form>

--------------
Vote if got an solution
thanks and reuards
kaushal16

koolprasad2003 · Answer 3 · 2011-06-23T21:44:00

Javascript is client side scripting mostly used for validation.

U can write a script under <HEAD> tag

Function to put cursor on textbox

function putFocus()
{
   document.getElementById("TextboxID").focus();
   return false;
}

call the function on Load of html Body tag

<body onload="return putFocus()"></body>

nischalinn · Answer 4 · 2011-06-24T01:37:00

I've written script for checking the length of the name text but is not working.
***************************************
<script type="text/javascript" language="javascript">
function validate()
{
var txtname = form1.TxtName.value;
if (txtname.length<4)
{
alert("invalid username");
return false;
}
else return true;
}
</script>

<form id="form1" runat="server">
<table border="0">
<tr>
<td>Name</td>
<td><asp:TextBox ID="TxtName" onblur="validate()" runat="server"></asp:TextBox>
</td>
</tr>

<tr>
<td>Roll</td>
<td><asp:TextBox ID="TxtRoll" runat="server"></asp:TextBox>
</td>
</tr>

</table>
</form>
************************************
I am new in javascript. I can't figure out the error.How to check the length of the text entered??
How to write javascript for changing the border-color of the textbox when it is focused??

writing javascript code in aspx form

4 solutions

Solution 1

Solution 2

Solution 3

Solution 4

Add your solution here

Preview 0