webformaspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Test_1.WebForm1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery.min.js"></script>
<script src="Scripts/JavaScript1.js"></script>
<script type="text/javascript">
function validation() {
//debugger;
var h = $(".text");
var format = /[ !@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/;
// for(i=0 ;i<document.getElementsByClassName("text").length; i++)
// {
// // if (document.getElementsByClassName("text")[i].value.indexOf("!@#$%^&*()+=-[]\\\';,./{}|\":<>?") > -1)
// //{
// // alert("n cant contain special character");
// //}
// var j;
// for (j = 0; j < specialChars.length; j++) {
// if (document.getElementsByClassName("text")[i].value.indexOf(specialChars[j])>-1) {
// alert("n cant contain special character");
// break;
// }
// }
//}
$.grep($(".text"), function (item) {
if (format.test(item.value)) {
//alert("not allowed");
return true;
}
});
}
//on keypress valitation
function isNumber(evt) {
////debugger;
//evt = (evt) ? evt : window.event;
evt = (evt) ? evt : event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
//var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode :
//((evt.which) ? evt.which : 0));
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
//alert("type only numeric value");
return false;
}
return true;
}
// onkeypress special charecter valitation
function lettersOnly(evt) {
//debugger;
evt = (evt) ? evt : event;
var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode :
((evt.which) ? evt.which : 0));
if (charCode > 31 && (charCode < 65 || charCode > 90) &&
(charCode < 97 || charCode > 122)) {
//alert("Enter letters only.");
return false;
}
return true;
}
// number validation
function validateNumber() {
debugger;
var z = document.forms["form1"]["TxtBox_age"].value;
//if (!z.match(/^\d+/))
if (!z.match(/^[0-9]+$/)) {
//document.getElementById["<%=TxtBox_age.ClientID%>"].value = '';
//alert("Please only enter numeric characters only for your Age! (Allowed input:0-9)");
return false;
}
}
//radiobuttonlist validation
function ValidateRadio() {
debugger;
var rb = document.getElementById("RadioButtonList1");
var radio = rb.getElementsByTagName("input");
var isChecked = false;
for (var i = 0; i < radio.length; i++) {
if (radio[i].checked) {
isChecked = true;
break;
}
}
if (!isChecked) {
alert("Please select a Gender");
}
return isChecked;
}
function ValidateEmptyTextbox()
{
//debugger;
var i = 0;
$.grep($(".text"), function (item) {
if (i == 0) {
if (item.value == "") {
alert("Fill all the information");
i++;
//return true;
}
}
});
}
function ValidatedropdownList() {
//debugger;
var e = document.getElementById("DropDownList1");
var strUser = e.options[e.selectedIndex].value;
if (strUser == 0) {
alert("Please select Profession");
return false;
}
return true;
}
</script>
<script type="text/javascript">
function RefreshUpdatePanel() {
__doPostBack('<%= txtSearchByName.ClientID %>', '');
};
</script>
<style type="text/css">
.auto-style1
{
width: 100px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<table style="width:100%;">
<tr>
<td>
<asp:Label ID="Label1" runat="server" Text="Name"></asp:Label>
</td>
<td>
<asp:TextBox ID="Txtbox_name" runat="server" CssClass="text" onkeypress="return lettersOnly(event)" OnTextChanged="TextBox1_TextChanged" AutoPostBack="True" ></asp:TextBox>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text="Age"></asp:Label>
</td>
<td>
<asp:TextBox ID="TxtBox_age" runat="server" CssClass="text" onkeypress="return isNumber(event)" AutoPostBack="True"></asp:TextBox>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
<tr>
<td>
<asp:Label ID="Label4" runat="server" Text="Gender"></asp:Label>
</td>
<td>
<asp:RadioButtonList ID="RadioButtonList1" runat="server">
<asp:ListItem Text="Male" Value="1"></asp:ListItem>
<asp:ListItem Text="Female" Value="2"></asp:ListItem>
</asp:RadioButtonList>
</td>
<td class="auto-style1">
<asp:Label ID="Label3" runat="server" Text="Profession"></asp:Label>
</td>
<td>
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem Text="Select Profession" Value="0"></asp:ListItem>
<asp:ListItem Text="Student" Value="1"></asp:ListItem>
<asp:ListItem Text="Service" Value="2"></asp:ListItem>
<asp:ListItem Text="Business" Value="3"></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="4" align="center">
<asp:Button ID="insert_btn" runat="server" Text="Insert" OnClientClick="validation(); ValidateEmptyTextbox(); validateNumber(); ValidateRadio(); ValidatedropdownList();" OnClick="Button1_Click" />
<asp:Button ID="update_btn" runat="server" Text="Update" />
<asp:Button ID="delete_btn" runat="server" Text="Delete" />
</td>
</tr>
<tr>
<td> </td>
<td>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
<tr>
<td colspan="4" align="center">
<asp:Button ID="Std_info_btn" runat="server" Text="Student Info" OnClick="Std_info_btn_Click"/>
<asp:Button ID="Srv_info_btn" runat="server" Text="Service Info" OnClick="Srv_info_btn_Click" />
<asp:Button ID="Bsn_info_btn" runat="server" Text="Business Info" OnClick="Bsn_info_btn_Click" />
</td>
</tr>
<tr>
<td> </td>
<td>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="Right">
<asp:Label ID="lblsearch" runat="server" Text="Enter Name"></asp:Label>
</td>
<td class="auto-style1">
<asp:TextBox ID="txtSearchByName" runat="server" onkeyup="RefreshUpdatePanel()" AutoPostBack="true" OnTextChanged="txtSearchByName_TextChanged"></asp:TextBox>
<AjaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender13" runat="server"
Enabled="True" FilterType="Custom, UppercaseLetters, LowercaseLetters,numbers"
TargetControlID="txtSearchByName" ValidChars="&()/-, ">
</AjaxToolkit:FilteredTextBoxExtender>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
<tr>
<td colspan="4" align="center">
<div style="width: 900px;">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None"
OnRowEditing="GridView1_RowEditing" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" OnRowCancelingEdit="GridView1_RowCancelingEdit"
OnRowUpdating="GridView1_RowUpdating" OnRowDeleting="GridView1_RowDeleting"
AllowPaging="true" OnPageIndexChanging="GridView1_PageIndexChanging" PageSize="8" >
<AlternatingRowStyle BackColor="White" />
<Columns>
<%--<asp:BoundField DataField="name" HeaderText="Name" />
<asp:BoundField DataField="age" HeaderText="Age" />
<asp:BoundField DataField="gender" HeaderText="Gender" />
<asp:BoundField DataField="profession" HeaderText="Profession" />
<asp:ButtonField ButtonType="Button" CommandName="Edit" Text="Edit" />
<asp:ButtonField ButtonType="Button" CommandName="Delete" Text="Delete" />--%>
<asp:TemplateField HeaderText="ID">
<ItemTemplate>
<asp:Label ID="id" runat="server" Text='<%# Eval("id") %>'/>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="NAME">
<ItemTemplate>
<asp:Label ID="name" runat="server" Text='<%# Eval("name") %>'/>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtname" runat="server" Text='<%# Eval("name") %>'></asp:TextBox>
</EditItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="AGE">
<ItemTemplate>
<asp:Label ID="age" runat="server" Text='<%# Eval("age") %>'/>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtage" runat="server" Text='<%# Eval("age") %>'></asp:TextBox>
</EditItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="GENDER">
<ItemTemplate>
<asp:Label ID="gender" runat="server" Text='<%# Eval("gender") %>'/>
</ItemTemplate>
<EditItemTemplate>
<%--<asp:TextBox ID="txtgender" runat="server" Text='<%# Eval("gender") %>'></asp:TextBox>--%>
<asp:DropDownList ID="dropdowngender" runat="server" >
<asp:ListItem Text="Male" Value="1"></asp:ListItem>
<asp:ListItem Text="Female" Value="2"></asp:ListItem>
</asp:DropDownList>
</EditItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="PROFESSION">
<ItemTemplate>
<asp:Label ID="profession" runat="server" Text='<%# Eval("profession") %>'/>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="editbtn" Text="EDIT" runat="server" CommandName="Edit" />
</ItemTemplate>
<EditItemTemplate>
<asp:Button ID="updatebtn" Text="UPDATE" runat="server" CommandName="Update" />
<asp:Button ID="cancelbtn" Text="CANCEL" runat="server" CommandName="Cancel" />
</EditItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="deletebtn" Text="DELETE" runat="server" CommandName="Delete" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<EditRowStyle BackColor="#7C6F57" />
<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#E3EAEB" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F8FAFA" />
<SortedAscendingHeaderStyle BackColor="#246B61" />
<SortedDescendingCellStyle BackColor="#D4DFE1" />
<SortedDescendingHeaderStyle BackColor="#15524A" />
</asp:GridView>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="txtSearchByName" />
</Triggers>
</asp:UpdatePanel>
</div>
</td>
</tr>
<tr>
<td> </td>
<td>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
</table>
<br />
</div>
</form>
</body>
</html>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery.min.js"></script>
<script src="Scripts/JavaScript1.js"></script>
<script type="text/javascript">
function validation() {
//debugger;
var h = $(".text");
var format = /[ !@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/;
// for(i=0 ;i<document.getElementsByClassName("text").length; i++)
// {
// // if (document.getElementsByClassName("text")[i].value.indexOf("!@#$%^&*()+=-[]\\\';,./{}|\":<>?") > -1)
// //{
// // alert("n cant contain special character");
// //}
// var j;
// for (j = 0; j < specialChars.length; j++) {
// if (document.getElementsByClassName("text")[i].value.indexOf(specialChars[j])>-1) {
// alert("n cant contain special character");
// break;
// }
// }
//}
$.grep($(".text"), function (item) {
if (format.test(item.value)) {
//alert("not allowed");
return true;
}
});
}
//on keypress valitation
function isNumber(evt) {
////debugger;
//evt = (evt) ? evt : window.event;
evt = (evt) ? evt : event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
//var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode :
//((evt.which) ? evt.which : 0));
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
//alert("type only numeric value");
return false;
}
return true;
}
// onkeypress special charecter valitation
function lettersOnly(evt) {
//debugger;
evt = (evt) ? evt : event;
var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode :
((evt.which) ? evt.which : 0));
if (charCode > 31 && (charCode < 65 || charCode > 90) &&
(charCode < 97 || charCode > 122)) {
//alert("Enter letters only.");
return false;
}
return true;
}
// number validation
function validateNumber() {
debugger;
var z = document.forms["form1"]["TxtBox_age"].value;
//if (!z.match(/^\d+/))
if (!z.match(/^[0-9]+$/)) {
//document.getElementById["<%=TxtBox_age.ClientID%>"].value = '';
//alert("Please only enter numeric characters only for your Age! (Allowed input:0-9)");
return false;
}
}
//radiobuttonlist validation
function ValidateRadio() {
debugger;
var rb = document.getElementById("RadioButtonList1");
var radio = rb.getElementsByTagName("input");
var isChecked = false;
for (var i = 0; i < radio.length; i++) {
if (radio[i].checked) {
isChecked = true;
break;
}
}
if (!isChecked) {
alert("Please select a Gender");
}
return isChecked;
}
function ValidateEmptyTextbox()
{
//debugger;
var i = 0;
$.grep($(".text"), function (item) {
if (i == 0) {
if (item.value == "") {
alert("Fill all the information");
i++;
//return true;
}
}
});
}
function ValidatedropdownList() {
//debugger;
var e = document.getElementById("DropDownList1");
var strUser = e.options[e.selectedIndex].value;
if (strUser == 0) {
alert("Please select Profession");
return false;
}
return true;
}
</script>
<script type="text/javascript">
function RefreshUpdatePanel() {
__doPostBack('<%= txtSearchByName.ClientID %>', '');
};
</script>
<style type="text/css">
.auto-style1
{
width: 100px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<table style="width:100%;">
<tr>
<td>
<asp:Label ID="Label1" runat="server" Text="Name"></asp:Label>
</td>
<td>
<asp:TextBox ID="Txtbox_name" runat="server" CssClass="text" onkeypress="return lettersOnly(event)" OnTextChanged="TextBox1_TextChanged" AutoPostBack="True" ></asp:TextBox>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
<tr>
<td>
<asp:Label ID="Label2" runat="server" Text="Age"></asp:Label>
</td>
<td>
<asp:TextBox ID="TxtBox_age" runat="server" CssClass="text" onkeypress="return isNumber(event)" AutoPostBack="True"></asp:TextBox>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
<tr>
<td>
<asp:Label ID="Label4" runat="server" Text="Gender"></asp:Label>
</td>
<td>
<asp:RadioButtonList ID="RadioButtonList1" runat="server">
<asp:ListItem Text="Male" Value="1"></asp:ListItem>
<asp:ListItem Text="Female" Value="2"></asp:ListItem>
</asp:RadioButtonList>
</td>
<td class="auto-style1">
<asp:Label ID="Label3" runat="server" Text="Profession"></asp:Label>
</td>
<td>
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem Text="Select Profession" Value="0"></asp:ListItem>
<asp:ListItem Text="Student" Value="1"></asp:ListItem>
<asp:ListItem Text="Service" Value="2"></asp:ListItem>
<asp:ListItem Text="Business" Value="3"></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="4" align="center">
<asp:Button ID="insert_btn" runat="server" Text="Insert" OnClientClick="validation(); ValidateEmptyTextbox(); validateNumber(); ValidateRadio(); ValidatedropdownList();" OnClick="Button1_Click" />
<asp:Button ID="update_btn" runat="server" Text="Update" />
<asp:Button ID="delete_btn" runat="server" Text="Delete" />
</td>
</tr>
<tr>
<td> </td>
<td>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
<tr>
<td colspan="4" align="center">
<asp:Button ID="Std_info_btn" runat="server" Text="Student Info" OnClick="Std_info_btn_Click"/>
<asp:Button ID="Srv_info_btn" runat="server" Text="Service Info" OnClick="Srv_info_btn_Click" />
<asp:Button ID="Bsn_info_btn" runat="server" Text="Business Info" OnClick="Bsn_info_btn_Click" />
</td>
</tr>
<tr>
<td> </td>
<td>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td align="Right">
<asp:Label ID="lblsearch" runat="server" Text="Enter Name"></asp:Label>
</td>
<td class="auto-style1">
<asp:TextBox ID="txtSearchByName" runat="server" onkeyup="RefreshUpdatePanel()" AutoPostBack="true" OnTextChanged="txtSearchByName_TextChanged"></asp:TextBox>
<AjaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender13" runat="server"
Enabled="True" FilterType="Custom, UppercaseLetters, LowercaseLetters,numbers"
TargetControlID="txtSearchByName" ValidChars="&()/-, ">
</AjaxToolkit:FilteredTextBoxExtender>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
<tr>
<td colspan="4" align="center">
<div style="width: 900px;">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None"
OnRowEditing="GridView1_RowEditing" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" OnRowCancelingEdit="GridView1_RowCancelingEdit"
OnRowUpdating="GridView1_RowUpdating" OnRowDeleting="GridView1_RowDeleting"
AllowPaging="true" OnPageIndexChanging="GridView1_PageIndexChanging" PageSize="8" >
<AlternatingRowStyle BackColor="White" />
<Columns>
<%--<asp:BoundField DataField="name" HeaderText="Name" />
<asp:BoundField DataField="age" HeaderText="Age" />
<asp:BoundField DataField="gender" HeaderText="Gender" />
<asp:BoundField DataField="profession" HeaderText="Profession" />
<asp:ButtonField ButtonType="Button" CommandName="Edit" Text="Edit" />
<asp:ButtonField ButtonType="Button" CommandName="Delete" Text="Delete" />--%>
<asp:TemplateField HeaderText="ID">
<ItemTemplate>
<asp:Label ID="id" runat="server" Text='<%# Eval("id") %>'/>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="NAME">
<ItemTemplate>
<asp:Label ID="name" runat="server" Text='<%# Eval("name") %>'/>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtname" runat="server" Text='<%# Eval("name") %>'></asp:TextBox>
</EditItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="AGE">
<ItemTemplate>
<asp:Label ID="age" runat="server" Text='<%# Eval("age") %>'/>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="txtage" runat="server" Text='<%# Eval("age") %>'></asp:TextBox>
</EditItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="GENDER">
<ItemTemplate>
<asp:Label ID="gender" runat="server" Text='<%# Eval("gender") %>'/>
</ItemTemplate>
<EditItemTemplate>
<%--<asp:TextBox ID="txtgender" runat="server" Text='<%# Eval("gender") %>'></asp:TextBox>--%>
<asp:DropDownList ID="dropdowngender" runat="server" >
<asp:ListItem Text="Male" Value="1"></asp:ListItem>
<asp:ListItem Text="Female" Value="2"></asp:ListItem>
</asp:DropDownList>
</EditItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="PROFESSION">
<ItemTemplate>
<asp:Label ID="profession" runat="server" Text='<%# Eval("profession") %>'/>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="editbtn" Text="EDIT" runat="server" CommandName="Edit" />
</ItemTemplate>
<EditItemTemplate>
<asp:Button ID="updatebtn" Text="UPDATE" runat="server" CommandName="Update" />
<asp:Button ID="cancelbtn" Text="CANCEL" runat="server" CommandName="Cancel" />
</EditItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="deletebtn" Text="DELETE" runat="server" CommandName="Delete" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<EditRowStyle BackColor="#7C6F57" />
<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#E3EAEB" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F8FAFA" />
<SortedAscendingHeaderStyle BackColor="#246B61" />
<SortedDescendingCellStyle BackColor="#D4DFE1" />
<SortedDescendingHeaderStyle BackColor="#15524A" />
</asp:GridView>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="txtSearchByName" />
</Triggers>
</asp:UpdatePanel>
</div>
</td>
</tr>
<tr>
<td> </td>
<td>
</td>
<td class="auto-style1"> </td>
<td> </td>
</tr>
</table>
<br />
</div>
</form>
</body>
</html>
Comments
Post a Comment