validation in gridview using javascript

function AllowAlphabetcontactname(e) {

var evtname = (e) ? e : window.event;

var keyname = (evtname.keyCode) ? evtname.keyCode : evtname.which;

if (keyname != null) {

keyname = parseInt(keyname, 10);

if ((keyname < 65 || keyname > 90) && (keyname < 97 || keyname > 122)) {

if (!jsIsUserFriendlyChar(keyname, "Decimals")) {

return false;

}

}

else {

if (evtname.shiftKey) {

return false;

}

}

}

return true;

}

function validatecontactname() {

var endTxtBox1name = event.srcElement.id.replace('txtRatio');

var endNumname = document.getElementById(endTxtBox1name).value;

if (endNumname == '') {

alert('Please Enter a contactname only');

}



}



function AllowAlphabet(e) {

var evt = (e) ? e : window.event;

var key = (evt.keyCode) ? evt.keyCode : evt.which;

if (key != null) {

key = parseInt(key, 10);

if ((key < 65 || key > 90) && (key < 97 || key > 122)) {

if (!jsIsUserFriendlyChar(key, "Decimals")) {

return false;

}

}

else {

if (evt.shiftKey) {

return false;

}

}

}

return true;

}

function validatechar() {

var endTxtBox1 = event.srcElement.id.replace('txtRatio');

var endNum1 = document.getElementById(endTxtBox1).value;

if (endNum1 == '') {

alert('Please Enter a company name only');

}



}



function validateBegin()

{

var endTxtBox = event.srcElement.id.replace('txtRatio');



var endNum = document.getElementById(endTxtBox).value;

if (endNum == '')

{

alert('Please Enter a valid numeric value');

}







}



function jsDecimals(e) {

var evt = (e) ? e : window.event;

var key = (evt.keyCode) ? evt.keyCode : evt.which;

if (key != null) {

key = parseInt(key, 10);

if ((key < 48 || key > 57) && (key < 96 || key > 105)) {

if (!jsIsUserFriendlyChar(key, "Decimals")) {

return false;

}

}

else {

if (evt.shiftKey) {

return false;

}

}

}

return true;

}

function jsIsUserFriendlyChar(val, step) {

if (val == 8 || val == 9 || val == 13 || val == 45 || val == 46) {

return true;

}

if ((val > 16 && val < 21) || (val > 34 && val < 41)) {

return true;

}

if (step == "Decimals") {

if (val == 190 || val == 110) {

return true;

}

}

return false;

}



</script>

</
head>

<
body>

<form id="form1" runat="server">

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

</asp:ToolkitScriptManager>

<div>



</div>

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"

onrowcancelingedit="GridView1_RowCancelingEdit"

onrowcommand="GridView1_RowCommand" onrowediting="GridView1_RowEditing"

onrowupdating="GridView1_RowUpdating">

<Columns>



<asp:TemplateField HeaderText="CustomerID">

<ItemTemplate>

<asp:Label ID="lblcust" runat="server" Text= '<%# Eval("CustomerID") %>' ></asp:Label>

</ItemTemplate>

</asp:TemplateField>





<asp:TemplateField HeaderText="ContactName">

<ItemTemplate>

<asp:TextBox ID="txtContactName" runat="server" Text= '<%# Eval("ContactName") %>' onkeydown="return AllowAlphabetcontactname(event)" onblur="return validatecontactname();" ></asp:TextBox>



</ItemTemplate>

</asp:TemplateField>





<asp:TemplateField HeaderText="CompanyName">

<ItemTemplate>

<asp:TextBox ID="txtCompanyName" runat="server" Text= '<%# Eval("CompanyName") %>' onkeydown="return AllowAlphabet(event)" onblur="return validatechar();" ></asp:TextBox>

</ItemTemplate>

</asp:TemplateField>







<asp:TemplateField HeaderText="ContactName">

<ItemTemplate>

<asp:Button ID="btnlink" runat="server" CommandArgument='<%# Eval("ContactName") %>' CommandName="abc" Text="click me"/>

</ItemTemplate>

</asp:TemplateField>

<asp:CommandField HeaderText="Edit" ShowEditButton="True" />

<asp:TemplateField HeaderText="ratio">

<ItemTemplate>

<asp:TextBox ID="txtratio" runat="server" Text= '<%# Eval("Ratio") %>' onkeydown="return jsDecimals(event);" onblur="return validateBegin();" ></asp:TextBox>



</ItemTemplate>



</asp:TemplateField>

<asp:TemplateField HeaderText="date">

<ItemTemplate>

<asp:TextBox ID="txtdate" runat="server" onkeydown="return readonlyfunction(event)"></asp:TextBox>

<asp:CalendarExtender ID="CalendarExtender1" runat="server" Format="dd/MM/yyyy" TargetControlID ="txtdate">

</asp:CalendarExtender>



</ItemTemplate>



</asp:TemplateField>

</Columns>

</asp:GridView>

</form>

</
body>

</
html>

add data on button click in gridview and maintain state

using
System;

using
System.Collections.Generic;

using
System.Configuration;

using
System.Data;

using
System.Linq;

using
System.Web;

using
System.Web.Security;

using
System.Web.UI;

using
System.Web.UI.HtmlControls;

using
System.Web.UI.WebControls;

using
System.Web.UI.WebControls.WebParts;

using
System.Xml.Linq;

public
partial class staticgridview : System.Web.UI.Page

{

DataTable dt1 = new DataTable();

private void gridVIEWData()

{

dt1.Columns.Add("Name", typeof(string));

dt1.Columns.Add("Age", typeof(int));

Session["dtInSession"] = dt1;

}

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

gridVIEWData();

GridView1.DataSource = dt1;

GridView1.DataBind();

}

}









protected void Button1_Click(object sender, EventArgs e)

{



if (Session["dtInSession"] != null)

dt1 = (DataTable)Session["dtInSession"]; //Getting datatable from session



DataRow dr = dt1.NewRow();

dr["Name"] = TextBox1.Text;

dr["Age"] = TextBox2.Text;



dt1.Rows.Add(dr);

Session["dtInSession"] = dt1; //Saving Datatable To Session

GridView1.DataSource = dt1;

GridView1.DataBind();



}



}