Javascript code for input validation & postback control

**junaidsherief** · October 15th, 2008, 10:10 AM

asp.net v2.0
I have one asp.net page, which contains 4 text boxes(asp.net controls),
and one button control.

I wrote validation logic for the text boxes in javascript. I want to execute
this validation logic when I press the button, execute one by one.
How can I achieve this

**PeejAvery** · October 15th, 2008, 11:59 AM

Can you post the code with which you are working? It will give us better insight on what to suggest for you.

**junaidsherief** · October 16th, 2008, 02:53 AM

Originally Posted by PeejAvery

Can you post the code with which you are working? It will give us better insight on what to suggest for you.

I know using validation controls, but want to try javascript

Code:

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

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

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
<script type="text/javascript" >
function validAge1(age)
{
  if (isNaN(age) || age<10 || age>20)
 {
     alert("The age must be a number between 10 and 20");
     document.getElementById('TextBox1').focus(); 
     return false;
 }
}
function validAge2(age)
{
 if (isNaN(age) || age<20 || age>30)
 {
     alert("The age must be a number between 20 and 30");
     document.getElementById('TextBox2').focus(); 
     return false;
 }
}
function validAge3(age)
{
 if (isNaN(age) || age<30 || age>40)
 {
     alert("The age must be a number between 30 and 40");
     document.getElementById('TextBox3').focus(); 
     return false;
 }
}
function validAge4(age)
{
 if (isNaN(age) || age<40 || age>50)
 {
     alert("The age must be a number between 40 and 50");
     document.getElementById('TextBox4').focus(); 
     return false;
 }
}
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>    
        <asp:TextBox ID="TextBox1" runat="server" onblur="validAge1(this.value)"></asp:TextBox>    
        <asp:TextBox ID="TextBox2" runat="server" onblur="validAge2(this.value)"></asp:TextBox>    
        <asp:TextBox ID="TextBox3" runat="server" onblur="validAge3this.value)"></asp:TextBox>    
        <asp:TextBox ID="TextBox4" runat="server" onblur="validAge4this.value)"></asp:TextBox>    
    </div>
    <asp:Button ID="Button1" runat="server" Text="Button" />
    </form>
</body>
</html>

**PeejAvery** · October 16th, 2008, 06:58 AM

Well, there are a couple of kinks here.

Always remember that client-side validation can be easily passed by disabling JavaScript. So true validation should come from the server anyway!
If you have your form set to runat the server, then you can't use client-side validation.

Thread: Javascript code for input validation & postback control

Thread Tools

Display

Javascript code for input validation & postback control

Re: Javascript code for input validation & postback control

Re: Javascript code for input validation & postback control

Re: Javascript code for input validation & postback control

Posting Permissions