Client Side Validation with JavaScript in ASP.NET

转载 2006年06月04日 10:45:00

from http://www.c-sharpcorner.com/UploadFile/purankaushal/103222006013805AM/1.aspx?ArticleID=10c0cce3-e00f-4dad-9ddb-df0c669afd6c

This simple program will guide how to do client side validation of Form in JavaScript.

In this just make a form as follows:

  1. Name : <asp:TextBox ID="txtName" />
  2. Email : <asp:TextBox ID="txtEmail" />
  3. Web URL : <asp:TextBox ID="txtWebUrl" />
  4. Zip : <asp:TextBox ID="txtZip" />
  5. <

    asp:Button ID="btnSubmit" OnClientClick=" return validate()" runat="server" Text="Submit" />

Now on the source code of this form in script tag write the following code:

<

script language="javascript" type="text/javascript">
function
validate()
{
      if (document.getElementById("<%=txtName.ClientID%>").value==""
)
      {
                 alert("Name Feild can not be blank"
);
                 document.getElementById(
"<%=txtName.ClientID%>"
).focus();
                 return false
;
      }
      if(document.getElementById("<%=txtEmail.ClientID %>").value==""
)
      {
                 alert(
"Email id can not be blank"
);
                document.getElementById("<%=txtEmail.ClientID %>"
).focus();
                return false
;
      }
     var
emailPat = /^(/".*/"|[A-Za-z]/w*)@(/[/d{1,3}(/./d{1,3}){3}]|[A-Za-z]/w*(/.[A-Za-z]/w*)+)$/;
     var emailid=document.getElementById("<%=txtEmail.ClientID %>"
).value;
     var
matchArray = emailid.match(emailPat);
     if (matchArray == null
)
    {
               alert(
"Your email address seems incorrect. Please try again."
);
               document.getElementById(
"<%=txtEmail.ClientID %>"
).focus();
               return false
;
    }
    if(document.getElementById("<%=txtWebURL.ClientID %>").value==""
)
    {
               alert(
"Web URL can not be blank"
);
               document.getElementById(
"<%=txtWebURL.ClientID %>").value=
"http://"
               document.getElementById("<%=txtWebURL.ClientID %>"
).focus();
               return false
;
    }
    var Url=
"^[A-Za-z]+://[A-Za-z0-9-_]+//.[A-Za-z0-9-_%&/?//.=]+$"
    var tempURL=document.getElementById("<%=txtWebURL.ClientID%>"
).value;
    var
matchURL=tempURL.match(Url);
     if(matchURL==null
)
     {
               alert(
"Web URL does not look valid"
);
               document.getElementById(
"<%=txtWebURL.ClientID %>"
).focus();
               return false
;
     }
     if (document.getElementById("<%=txtZIP.ClientID%>").value==""
)
     {
               alert(
"Zip Code is not valid"
);
               document.getElementById(
"<%=txtZIP.ClientID%>"
).focus();
               return false
;
     }
     var digits="0123456789"
;
     var
temp;
     for (var i=0;i<document.getElementById("<%=txtZIP.ClientID %>"
).value.length;i++)
     {
               temp=document.getElementById(
"<%=txtZIP.ClientID%>"
).value.substring(i,i+1);
               if
(digits.indexOf(temp)==-1)
               {
                        alert(
"Please enter correct zip code"
);
                        document.getElementById(
"<%=txtZIP.ClientID%>"
).focus();
                        return false
;
               }
     }
     return true
;
}
</script>

And in code behind file just write the below code.

 

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
               btnSubmit.Attributes.Add(
"onclick", "return validate()"
)
End Sub

Now you will get a form with proper validation.

I hope this is going to help you.

easyUI中,前端Pagination,数据的收不到的问题,已解决

Client Side Pagination in DataGrid
  • csilverai
  • csilverai
  • 2014年06月26日 10:19
  • 2287

Side by side解决方案

有时候,我们用Visual C++开发的程序,发布到一台没有开发环境的电脑上,有可能出现错误,应用程序根本就运行不起来,如下图所示: 它提示side by side配置不正确,这种情况一般都...
  • leehong2005
  • leehong2005
  • 2013年02月24日 21:22
  • 3523

深入理解C语言-----副作用(Side Effect)和顺序点(Sequence Point)

先看几个概念: 1。引用透明:如果一个表达式(或子表达式)只计算出值而不改变环境,我们就说它是引用透明的,这种表达式早算晚算对其他计算没有影响(不改变计算的环境。当然, 它的值可能受到其他计算的影响)...
  • simon_uestc
  • simon_uestc
  • 2014年03月11日 16:27
  • 1404

ASP.NET 后台调用前台javascript 的方法

从服务端调用客户端函数来操作,也就是在asp.net中调用javascript脚本中已经定义好的脚本函数。一般有以下几种方法 1. Response.Write : 比如在你单击按钮,先操作...
  • softuse
  • softuse
  • 2016年10月09日 11:35
  • 1176

Asp.Net 如何调用js中的函数function ?

http://bbs.csdn.net/topics/330215458 1、直接在前台调用 javascript 函数  很简单,在 head 元素之间加入 script 元素,将 ty...
  • DJ2008
  • DJ2008
  • 2013年09月28日 17:34
  • 5433

第4章类与对象-引用包中的类-判断是否为三角形并计算其面积

问题: Java中的主类使用import语句引用tom.jiafei包中的Triangle类,创建三角形,并计算出三角形的面积 代码: Triangle.java package tom.ji...
  • qq_34216631
  • qq_34216631
  • 2016年09月27日 10:39
  • 185

Redux 6 - 入门:生态系统(Ecosystem)

原文 Redux is a tiny library, but its contracts and APIs are carefully chosen to spawn an ecosystem o...
  • sinat_17775997
  • sinat_17775997
  • 2017年03月05日 22:30
  • 571

ASP.NET MVC4 乱七八糟罗列

一、ASP.NET MVC概述1、什么是ASP.NET MVC?ASP.NET MVC是微软官方提供的MVC模式编写ASP.NET Web应用程序的一个框架。是微软继ASP.NET WebForm后的...
  • taomanman
  • taomanman
  • 2016年09月19日 10:29
  • 1065

asp.net与JS传值、访问值

如何在C#中访问JavaScript函数? c#代码中执行javaScript函数: 方法一:ClientScript.RegisterStartupScript(this.GetType(), ...
  • sunroyi666
  • sunroyi666
  • 2016年07月08日 16:53
  • 2192

在ASP.NET MVC应用程序中防止JavaScript注入式攻击

在本文中,我们将探讨如何在ASP.NET MVC应用程序中有效地防范JavaScript注入式攻击的问题。   1、简介   在本文中,你将了解到JavaScript注入式攻击远比你可能想象的...
  • tiz198183
  • tiz198183
  • 2013年04月18日 17:25
  • 1227
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Client Side Validation with JavaScript in ASP.NET
举报原因:
原因补充:

(最多只允许输入30个字)