ASP.NET C# jQuery Modal Preview of a Form and Check Validation

A. .aspx Code

<asp:Content ID=”HeaderContent” runat=”server” ContentPlaceHolderID=”HeadContent”>
<script type=”text/javascript” src=”Scripts/jquery-2.1.3.min.js”></script>
<script type=”text/javascript” src=”Scripts/jquery.validate.min.js”></script>
<script type=”text/javascript” src=”Scripts/formToWizard.js”></script>
<%–+++++++++++++++++++++++++++++++++ Start Form to wizard making control scripting ++++++++++++++++++++++++++++++++++–%>
<script type=”text/javascript”>
$(document).ready(function () {
$(“#<%=SignupForm.ClientID %>”).formToWizard({ submitButton: ‘SaveAccount’ })
});
</script>
<style type=”text/css”>
#main
{
width: 735px;
margin: 0px auto;
border: solid 1px #b2b3b5;
-moz-border-radius: 10px;
padding: 20px;
background-color: #f6f6f6;
}
/* #header
{
text-align: center;
border-bottom: solid 1px #b2b3b5;
margin: 0 0 20px 0;
}*/
fieldset
{
border: none;
width: 320px;
}
legend
{
font-size: 18px;
margin: 0px;
padding: 10px 0px;
color: #b0232a;
font-weight: bold;
}
label
{
display: block;
margin: 15px 0 5px;
}
/* input[type=text], input[type=password]
{
width: 300px;
padding: 5px;
border: solid 1px #000;
}*/
.prev, .next
{
background-color: #b0232a;
padding: 5px 10px;
color: #fff;
text-decoration: none;
}
.prev:hover, .next:hover
{
background-color: #ccc;
text-decoration: none;
}
.prev
{
float: left;
}
.next
{
float: right;
}
#steps
{
list-style: none;
width: 100%;
overflow: hidden;
margin: 0px;
padding: 0px;
}
#steps li
{
font-size: 24px;
float: left;
padding: 10px;
color: #b0b1b3;
}
#steps li span
{
font-size: 11px;
display: block;
}
#steps li.current
{
color: #000;
}
#makeWizard
{
background-color: #b0232a;
color: #fff;
padding: 5px 10px;
text-decoration: none;
font-size: 18px;
}
#makeWizard:hover
{
background-color: #000;
}
</style>
<%–+++++++++++++++++++++++++++++++++ End Form to wizard making control scripting ++++++++++++++++++++++++++++++++++–%>
<%–+++++++++++++++++++++++++++++++++ Start Form Control CSS ++++++++++++++++++++++++++++++++++–%>
<style type=”text/css”>
.error
{
color: red;
}

.tb10
{
background-image: url(images/form_bg.jpg);
background-repeat: repeat-x;
border: 1px solid #d1c7ac;
width: 230px;
color: #333333;
padding: 3px;
margin-right: 4px;
margin-bottom: 8px;
font-family: tahoma, arial, sans-serif;
}

.form-control
{
display: block;
width: 90%;
height: 34px;
padding: 0px 5px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus
{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder
{
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder
{
color: #999;
}
.form-control::-webkit-input-placeholder
{
color: #999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
{
cursor: not-allowed;
background-color: #eee;
opacity: 1;
}
textarea.form-control
{
height: auto;
}

.btn
{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus
{
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus
{
color: #333;
text-decoration: none;
}
.btn:active, .btn.active
{
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-ms-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-default
{
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{
color: #333;
background-color: #e6e6e6; /* border-color: #adadad; */
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
{
background-image: none;
}
</style>
<%–+++++++++++++++++++++++++++++++++ End Form Control CSS ++++++++++++++++++++++++++++++++++–%>
<%–+++++++++++++++++++++++++++++++++ Start Number only and Submit Confirmation Script ++++++++++++++++++++++++++++++++++–%>
<script type=”text/javascript”>
function isNumberKey(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 45 || charCode > 57))
return false;

return true;
};

function executeOnSubmit() {
var res = confirm(“Are you sure to perform the action?”);
if (res)
return true;
else
return false;
};
</script>
<%–+++++++++++++++++++++++++++++++++ End Number only and Submit Confirmation Script ++++++++++++++++++++++++++++++++++–%>
<%–+++++++++++++++++++++++++++++++++ Start Roll Number and Board value is provided? ++++++++++++++++++++++++++++++++++–%>
<script type=”text/javascript”>
function CheckSubmit() {
var IsError = 0;
var Msg = “”;

if ($(‘#<%=txtSSCRollNo.ClientID %>’).val() == “”) {
IsError = 1;
Msg += “Please input SSC Roll Number!<br/>”;
}
if ($(‘#<%=drpSSCBoard.ClientID %>’).val() == “Select”) {
IsError = 1;
Msg += “Please Select SSC Board!<br/>”;
}
if ($(‘#<%=txtHSCRollNo.ClientID %>’).val() == “”) {
IsError = 1;
Msg += “Please input HSC Roll Number!<br/>”;
}
if ($(‘#<%=drpHSCBoard.ClientID %>’).val() == “Select”) {
IsError = 1;
Msg += “Please Select HSC Board!<br/>”;
}

if (IsError == 1) {
$(‘#<%=divMsg.ClientID%>’).html(Msg);
return false;
}
else {
return true;
}
}
</script>
<%–+++++++++++++++++++++++++++++++++ End Roll Number and Board value is provided? ++++++++++++++++++++++++++++++++++–%>
<%–+++++++++++++++++++++++++++++++++ Start Image preview during uploading a image ++++++++++++++++++++++++++++++++++–%>
<script type=”text/javascript”>
$(function () {
$(“#<%=CandidatePicture.ClientID %>”).on(“change”, function () {
var files = !!this.files ? this.files : [];
if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support

if (/^image/.test(files[0].type)) { // only image file
var reader = new FileReader(); // instance of the FileReader
reader.readAsDataURL(files[0]); // read the local file

reader.onloadend = function () { // set image data as background of div
$(“#imagePreview”).css(“background-image”, “url(” + this.result + “)”);
$(“div#dialog-image”).css(“background-image”, “url(” + this.result + “)”);
}
}
});
});
$(function () {
$(“#<%=CandidateSignature.ClientID %>”).on(“change”, function () {
var files = !!this.files ? this.files : [];
if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support

if (/^image/.test(files[0].type)) { // only image file
var reader = new FileReader(); // instance of the FileReader
reader.readAsDataURL(files[0]); // read the local file

reader.onloadend = function () { // set image data as background of div
$(“#signaturePreview”).css(“background-image”, “url(” + this.result + “)”);
$(“div#dialog-signature”).css(“background-image”, “url(” + this.result + “)”);
}
}
});
});
</script>
<style type=”text/css”>
#imagePreview
{
width: 180px;
height: 180px;
background-position: center center;
background-size: cover;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
display: inline-block;
}
#signaturePreview
{
width: 180px;
height: 48px;
background-position: center center;
background-size: cover;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
display: inline-block;
}

#dialog-image
{
width: 180px;
height: 180px;
background-position: center center;
background-size: cover;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
display: inline-block;
}

#dialog-signature
{
width: 180px;
height: 48px;
background-position: center center;
background-size: cover;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
display: inline-block;
}
</style>
<%–+++++++++++++++++++++++++++++++++ End Image preview during uploading a image ++++++++++++++++++++++++++++++++++–%>
<%–+++++++++++++++++++++++++++++++++ Start jQuery UI Modal Preview ++++++++++++++++++++++++++++++++++–%>
<link type=”text/css” href=”~/jQueryui/jquery-ui.css” />
<script type=”text/javascript” src=”jQueryui/jquery-ui.js”></script>
<script type=”text/javascript”>

</script>
<script type=”text/javascript”>
$(function () {
$(“#<%=WiztxtDOB.ClientID %>”).datepicker({
dateFormat: “yy-mm-dd”,
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: “-30:-15″
});
});
</script>
<script type=”text/javascript”>
$(document).ready(function () {
$(‘#<%=CkbCondition.ClientID %>’).click(function () {
if ($(this).is(‘:checked’)) {
$(‘#<%=btnPreview.ClientID %>’).removeAttr(‘disabled’);
$(‘#<%=btnCancel.ClientID %>’).removeAttr(‘disabled’);
} else {
$(‘#<%=btnPreview.ClientID %>’).attr(‘disabled’, ‘disabled’);
$(‘#<%=btnCancel.ClientID %>’).attr(‘disabled’, ‘disabled’);
}
});
});
</script>
<%–+++++++++++++++++++++++++++++++++ End jQuery UI Modal Preview ++++++++++++++++++++++++++++++++++–%>
<%–+++++++++++++++++++++++++++++++++ Start SUM of four subjects’ GPA ++++++++++++++++++++++++++++++++++–%>
<script type=”text/javascript”>
$(document).ready(function () {

$(“#<%=WiztxtHSCPhysics.ClientID %>”).keyup(function () {
var phy = $(“#<%=WiztxtHSCPhysics.ClientID %>”).val();
var chem = $(“#<%=WiztxtHSCChemistry.ClientID %>”).val();
var math = $(“#<%=WiztxtHSCMathematics.ClientID %>”).val();
var eng = $(“#<%=WiztxtHSCEnglish.ClientID %>”).val();
var sum = parseFloat(phy) + parseFloat(chem) + parseFloat(math) + parseFloat(eng);
$(“#<%=WiztxtHSCTotal.ClientID %>”).val(sum);
});

$(“#<%=WiztxtHSCChemistry.ClientID %>”).keyup(function () {
var phy = $(“#<%=WiztxtHSCPhysics.ClientID %>”).val();
var chem = $(“#<%=WiztxtHSCChemistry.ClientID %>”).val();
var math = $(“#<%=WiztxtHSCMathematics.ClientID %>”).val();
var eng = $(“#<%=WiztxtHSCEnglish.ClientID %>”).val();
var sum = parseFloat(phy) + parseFloat(chem) + parseFloat(math) + parseFloat(eng);
$(“#<%=WiztxtHSCTotal.ClientID %>”).val(sum);
});

$(“#<%=WiztxtHSCMathematics.ClientID %>”).keyup(function () {
var phy = $(“#<%=WiztxtHSCPhysics.ClientID %>”).val();
var chem = $(“#<%=WiztxtHSCChemistry.ClientID %>”).val();
var math = $(“#<%=WiztxtHSCMathematics.ClientID %>”).val();
var eng = $(“#<%=WiztxtHSCEnglish.ClientID %>”).val();
var sum = parseFloat(phy) + parseFloat(chem) + parseFloat(math) + parseFloat(eng);
$(“#<%=WiztxtHSCTotal.ClientID %>”).val(sum);
});

$(“#<%=WiztxtHSCEnglish.ClientID %>”).keyup(function () {
var phy = $(“#<%=WiztxtHSCPhysics.ClientID %>”).val();
var chem = $(“#<%=WiztxtHSCChemistry.ClientID %>”).val();
var math = $(“#<%=WiztxtHSCMathematics.ClientID %>”).val();
var eng = $(“#<%=WiztxtHSCEnglish.ClientID %>”).val();
var sum = parseFloat(phy) + parseFloat(chem) + parseFloat(math) + parseFloat(eng);
$(“#<%=WiztxtHSCTotal.ClientID %>”).val(sum);
});

});
</script>
<%–+++++++++++++++++++++++++++++++++ End SUM of four subjects’ GPA ++++++++++++++++++++++++++++++++++–%>
<%–+++++++++++++++++++++++++++++++++ Start Modal Preview with Image ++++++++++++++++++++++++++++++++++–%>
<script type=”text/javascript”>
       jQuery(document).ready(function() {
            $(‘#dialog’).dialog({
                autoOpen: false,               
                width: 800,                
                resizable: false,
                modal:true,
                buttons: {
                    “Submit”: function()
                    {
                        $(this).dialog(“close”);
                        <%= Page.ClientScript.GetPostBackEventReference(this.btnPreview, string.Empty) %>;
                    },
                    “Cancel”: function()
                    {
                        $(this).dialog(“close”);
                    }
                }
            });

             $(‘#<%=btnPreview.ClientID%>’).click(function (e) {

             if (Page_ClientValidate())
             {
                $(“p#dialog-name”).html($(“#<%=WiztxtName.ClientID%>”).val());   
                $(“p#fname”).html($(“#<%=WiztxtFatherName.ClientID%>”).val());  
                $(“p#mname”).html($(“#<%=WiztxtMotherName.ClientID%>”).val());
                
                $(“p#dob”).html($(“#<%=WiztxtDOB.ClientID%>”).val());
                $(“p#sex”).html($(“#<%=WizddlSex.ClientID%>”).val());
                $(“p#religion”).html($(“#<%=WizddlReligion.ClientID%>”).val());
                $(“p#tribal”).html($(“#<%=WizddlTribal.ClientID%>”).val());
                
                $(“p#tbDistrict”).html($(“#<%=WiztxtTribalDistrict.ClientID%>”).val());
                $(“p#nationality”).html($(“#<%=WiztxtNationality.ClientID%>”).val());
                $(“p#phone”).html($(“#<%=WiztxtPhone.ClientID%>”).val());
                $(“p#mobile”).html($(“#<%=WiztxtMobile.ClientID%>”).val());
                
                $(“p#email”).html($(“#<%=WiztxtEmail.ClientID%>”).val());
                $(“p#birthPlace”).html($(“#<%=WiztxtBirthPlace.ClientID%>”).val());

                $(“p#guardian”).html($(“#<%=WiztxtGuardian.ClientID%>”).val());
                $(“p#relation”).html($(“#<%=WizddlRelation.ClientID%>”).val());
                $(“p#garAddress”).html($(“#<%=WiztxtGardianAddress.ClientID%>”).val());
                $(“p#garEmail”).html($(“#<%=WiztxtGardianEmail.ClientID%>”).val());  
                
                $(“p#garMobile”).html($(“#<%=WiztxtGardianMobile.ClientID%>”).val());
                $(“p#garPhone”).html($(“#<%=WiztxtGardianPhone.ClientID%>”).val());  
                
                $(“p#presentDivision”).html($(“#<%=WizddlPreDivision.ClientID%>”).children(“option:selected”).text());  
                $(“p#presentDistrict”).html($(“#<%=WizddlPreDistrict.ClientID%>”).children(“option:selected”).text());  
                $(“p#presentThana”).html($(“#<%=WizddlPreThana.ClientID%>”).children(“option:selected”).text());  
                $(“p#presentAddresss”).html($(“#<%=WiztxtPreAddresss.ClientID%>”).val());  
                
                $(“p#permanentDivision”).html($(“#<%=WizddlPerDivision.ClientID%>”).children(“option:selected”).text());  
                $(“p#permanentDistrict”).html($(“#<%=WizddlPerDistrict.ClientID%>”).children(“option:selected”).text());  
                $(“p#permanentThana”).html($(“#<%=WizddlPerThana.ClientID%>”).children(“option:selected”).text());  
                $(“p#permanentAddresss”).html($(“#<%=WiztxtPerAddresss.ClientID%>”).val());  
                
                $(“p#sscyear”).html($(“#<%=WiztxtSSCYear.ClientID%>”).val());  
                $(“p#sscroll”).html($(“#<%=WiztxtSSCRoll.ClientID%>”).val());  
                $(“p#sscboard”).html($(“#<%=WiztxtSSCBoardName.ClientID%>”).val());  
                $(“p#sscinstitute”).html($(“#<%=WiztxtSSCInstitute.ClientID%>”).val());  
                
                $(“p#hscyear”).html($(“#<%=WiztxtHSCYear.ClientID%>”).val());  
                $(“p#hscroll”).html($(“#<%=WiztxtHSCRoll.ClientID%>”).val());  
                $(“p#hscboard”).html($(“#<%=WiztxtHSCBoardName.ClientID%>”).val());  
                $(“p#hscinstitute”).html($(“#<%=WiztxtHSCInstitute.ClientID%>”).val());   
                
                $(“p#sscscale”).html($(“#<%=WiztxtSSCScale.ClientID%>”).val());  
                $(“p#sscgpa”).html($(“#<%=WiztxtSSCCGPA.ClientID%>”).val());  
                $(“p#hscscale”).html($(“#<%=WiztxtHSCScale.ClientID%>”).val());  
                $(“p#hscgpa”).html($(“#<%=WiztxtHSCCGPA.ClientID%>”).val());  
                
                $(“p#gpaphysics”).html($(“#<%=WiztxtHSCPhysics.ClientID%>”).val());  
                $(“p#gpachemistry”).html($(“#<%=WiztxtHSCChemistry.ClientID%>”).val());  
                $(“p#gpamathematics”).html($(“#<%=WiztxtHSCMathematics.ClientID%>”).val());  
                $(“p#gpaenglish”).html($(“#<%=WiztxtHSCEnglish.ClientID%>”).val());   
                
                $(“p#gpatotal”).html($(“#<%=WiztxtHSCTotal.ClientID%>”).val());   
                $(“p#mediumInstructions”).html($(“#<%=ddlMediumOfInstruction.ClientID%>”).children(“option:selected”).text());               

                $(‘#dialog’).dialog(‘open’);
                return false;
            }
            else
            {
                 $(“#validation_dialog”).dialog({
                            title: “Validation Error!”,
                            modal: true,
                            resizable: false,
                            buttons: {
                                Close: function () {
                                    $(this).dialog(‘close’);
                                }
                            }
                        });
            }
            });
         });
    </script>
<%–+++++++++++++++++++++++++++++++++ End Modal Preview with Image ++++++++++++++++++++++++++++++++++–%>
</asp:Content>
<asp:Content ID=”BodyContent” runat=”server” ContentPlaceHolderID=”MainContent”>
<div align=”center” style=”font-family: Verdana; font-size: 14px;”>
<br />
<h2>
Welcome to Undergraduate Admission System!
</h2>
<div id=”main”>
<form id=”SignupForm” action=”” runat=”server”>
<script type=”text/javascript”>
function WebForm_OnSubmit() {
if (typeof (ValidatorOnSubmit) == “function” && ValidatorOnSubmit() == false) {
$(“#validation_dialog”).dialog({
title: “Validation Error!”,
modal: true,
resizable: false,
buttons: {
Close: function () {
$(this).dialog(‘close’);
}
}
});
return false;
}
return true;
}
</script>
<asp:ScriptManager EnablePartialRendering=”true” ID=”ScriptManager1″ runat=”server” />
<asp:Label ID=”lblMsg” runat=”server” Font-Bold=”True” Font-Italic=”True” ForeColor=”Red”></asp:Label>
<div align=”center” id=”divSearch” runat=”server”>
<div id=”divMsg” runat=”server” style=”font-family: Verdana; color: Red;” align=”center”>
</div>
<table width=”90%”>
<tr>
<td>
S.S.C Roll
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”txtSSCRollNo” Width=”100px” runat=”server” class=”form-control”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</td>
<td>
Passing Year
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”ddlSSCYear” Width=”100px” class=”form-control” runat=”server”>
<%–<asp:ListItem Text=”2013″ Value=”2013″></asp:ListItem>
<asp:ListItem Text=”2012″ Value=”2012″></asp:ListItem>–%>
</asp:DropDownList>
</td>
<td>
S.S.C Board
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”drpSSCBoard” Width=”150px” class=”form-control” runat=”server”>
<asp:ListItem Text=”Select” Value=”Select”></asp:ListItem>
<asp:ListItem Text=”Barisal” Value=”Barisal”></asp:ListItem>
<asp:ListItem Text=”Chittagong” Value=”Chittagong”></asp:ListItem>
<asp:ListItem Text=”Comilla” Value=”Comilla”></asp:ListItem>
<asp:ListItem Text=”Dhaka” Value=”Dhaka”></asp:ListItem>
<asp:ListItem Text=”Dinajpur” Value=”Dinajpur”></asp:ListItem>
<asp:ListItem Text=”Jessore” Value=”Jessore”></asp:ListItem>
<asp:ListItem Text=”Rajshahi” Value=”Rajshahi”></asp:ListItem>
<asp:ListItem Text=”Sylhet” Value=”Sylhet”></asp:ListItem>
<asp:ListItem Text=”Madrasah” Value=”Madrasah”></asp:ListItem>
<asp:ListItem Text=”Technical” Value=”Technical”></asp:ListItem>
<asp:ListItem Text=”Other” Value=”Other”></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
H.S.C Roll
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”txtHSCRollNo” Width=”100px” runat=”server” class=”form-control”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</td>
<td>
Passing Year
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”ddlHSCYear” Width=”100px” class=”form-control” runat=”server”>
<%–<asp:ListItem Text=”2015″ Value=”2015″></asp:ListItem>–%>
</asp:DropDownList>
</td>
<td>
H.S.C Board
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”drpHSCBoard” Width=”150px” class=”form-control” runat=”server”>
<asp:ListItem Text=”Select” Value=”Select”></asp:ListItem>
<asp:ListItem Text=”Barisal” Value=”Barisal”></asp:ListItem>
<asp:ListItem Text=”Chittagong” Value=”Chittagong”></asp:ListItem>
<asp:ListItem Text=”Comilla” Value=”Comilla”></asp:ListItem>
<asp:ListItem Text=”Dhaka” Value=”Dhaka”></asp:ListItem>
<asp:ListItem Text=”Dinajpur” Value=”Dinajpur”></asp:ListItem>
<asp:ListItem Text=”Jessore” Value=”Jessore”></asp:ListItem>
<asp:ListItem Text=”Rajshahi” Value=”Rajshahi”></asp:ListItem>
<asp:ListItem Text=”Sylhet” Value=”Sylhet”></asp:ListItem>
<asp:ListItem Text=”Madrasah” Value=”Madrasah”></asp:ListItem>
<asp:ListItem Text=”Technical” Value=”Technical”></asp:ListItem>
<asp:ListItem Text=”Other” Value=”Other”></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan=”9″ align=”right”>
<div align=”right”>
<asp:Button ID=”btnSubmit” runat=”server” Text=”Submit” class=”btn btn-default” OnClientClick=”return CheckSubmit();”
OnClick=”btnSubmit_Click” />
</div>
</td>
</tr>
</table>
<div style=”margin-top: 10px; margin-left: 30px; margin-right: 30px; margin-bottom: 20px;
text-align: left; font-family: Verdana; font-size: 14px; font-style: italic;
color: Purple;” align=”left”>
<strong>Instruction:</strong> To best view and performance use latest Mozilla Firefox,
Google Chrome, Safari and Opera web Browser.
</div>
</div>
<div id=”divWizard” runat=”server” align=”center”>
<div align=”center”>
<fieldset>
<legend>Personal</legend>
<table width=”720px”>
<tr>
<td valign=”middle”>
Name *
</td>
<td valign=”middle”>
:
</td>
<td>
<asp:TextBox ID=”WiztxtName” runat=”server” class=”form-control” Width=”200px”></asp:TextBox>
</td>
<td>
Father’s Name *
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtFatherName” runat=”server” class=”form-control” Width=”200px”></asp:TextBox>
</td>
</tr>
<tr>
<td colspan=”3″>
<asp:RequiredFieldValidator ID=”req1″ runat=”Server” ControlToValidate=”WiztxtName”
ErrorMessage=”Name is Required !” ValidationGroup=”validation” ForeColor=”Red” />
<%–Display=”None”–%>
</td>
<td colspan=”3″>
<asp:RequiredFieldValidator ID=”RequiredFieldValidator1″ runat=”Server” ControlToValidate=”WiztxtFatherName”
ErrorMessage=”Father Name is Required !” ValidationGroup=”validation” ForeColor=”Red” />
</td>
</tr>
<tr>
<td>
Mother’s Name *
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtMotherName” runat=”server” class=”form-control” Width=”200px”></asp:TextBox>
</td>
<td>
Date of Birth *<br />
[yyyy-MM-dd]
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtDOB” runat=”server” class=”form-control” Width=”200px”></asp:TextBox>
</td>
</tr>
<tr>
<td colspan=”3″>
<asp:RequiredFieldValidator ID=”RequiredFieldValidator2″ runat=”Server” ControlToValidate=”WiztxtMotherName”
ErrorMessage=”Mother Name is Required !” ValidationGroup=”validation” ForeColor=”Red” />
</td>
<td colspan=”3″>
<asp:RequiredFieldValidator ID=”RequiredFieldValidator3″ runat=”Server” ControlToValidate=”WiztxtDOB”
ErrorMessage=”DOB is Required !” ValidationGroup=”validation” ForeColor=”Red” />
</td>
</tr>
<tr>
<td>
Sex *
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”WizddlSex” runat=”server” class=”form-control” Width=”212px”>
<asp:ListItem Text=”Select” Value=”Select”></asp:ListItem>
<asp:ListItem Text=”MALE” Value=”MALE”></asp:ListItem>
<asp:ListItem Text=”FEMALE” Value=”FEMALE”></asp:ListItem>
<asp:ListItem Text=”Others” Value=”Others”></asp:ListItem>
</asp:DropDownList>
</td>
<td>
Religion view
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”WizddlReligion” runat=”server” class=”form-control” Width=”212px”>
<asp:ListItem Text=”Select” Value=”Select”></asp:ListItem>
<asp:ListItem Text=”Islam” Value=”Islam”></asp:ListItem>
<asp:ListItem Text=”Hinduism” Value=”Hinduism”></asp:ListItem>
<asp:ListItem Text=”Buddhism” Value=”Buddhism”></asp:ListItem>
<asp:ListItem Text=”Christianity” Value=”Christianity”></asp:ListItem>
<asp:ListItem Text=”Secularism” Value=”Secularism”></asp:ListItem>
<asp:ListItem Text=”Others” Value=”Others”></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
Is Tribal? *
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”WizddlTribal” runat=”server” class=”form-control” Width=”212px”>
<asp:ListItem Text=”No” Value=”No”></asp:ListItem>
<asp:ListItem Text=”Chakma” Value=”Chakma”></asp:ListItem>
<asp:ListItem Text=”Marma” Value=”Marma”></asp:ListItem>
<asp:ListItem Text=”Tippera” Value=”Tippera”></asp:ListItem>
<asp:ListItem Text=”Tripura” Value=”Tripura”></asp:ListItem>
<asp:ListItem Text=”Khasia” Value=”Khasia”></asp:ListItem>
<asp:ListItem Text=”Rakhain” Value=”Rakhain”></asp:ListItem>
<asp:ListItem Text=”Manipuri” Value=”Manipuri”></asp:ListItem>
<asp:ListItem Text=”Mro” Value=”Mro”></asp:ListItem>
<asp:ListItem Text=”Mru” Value=”Mru”></asp:ListItem>
<asp:ListItem Text=”Tanchangya” Value=”Tanchangya”></asp:ListItem>
<asp:ListItem Text=”Tanchyanga” Value=”Tanchyanga”></asp:ListItem>
<asp:ListItem Text=”Chak” Value=”Chak”></asp:ListItem>
<asp:ListItem Text=”Kuki” Value=”Kuki”></asp:ListItem>
<asp:ListItem Text=”Lushai” Value=”Lushai”></asp:ListItem>
<asp:ListItem Text=”Khyang” Value=”Khyang”></asp:ListItem>
<asp:ListItem Text=”Pankho” Value=”Pankho”></asp:ListItem>
<asp:ListItem Text=”Bangoji” Value=”Bangoji”></asp:ListItem>
<asp:ListItem Text=”Murong” Value=”Murong”></asp:ListItem>
<asp:ListItem Text=”Mandi” Value=”Mandi”></asp:ListItem>
<asp:ListItem Text=”Hajong” Value=”Hajong”></asp:ListItem>
<asp:ListItem Text=”Santal” Value=”Santal”></asp:ListItem>
<asp:ListItem Text=”Bawm” Value=”Bawm”></asp:ListItem>
<asp:ListItem Text=”Khiang” Value=”Khiang”></asp:ListItem>
<asp:ListItem Text=”Khumi” Value=”Khumi”></asp:ListItem>
<asp:ListItem Text=”Others” Value=”Others”></asp:ListItem>
</asp:DropDownList>
</td>
<td>
Tribal District
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtTribalDistrict” runat=”server” class=”form-control” Width=”200px”
Text=”N/A”></asp:TextBox>
</td>
</tr>
<tr>
<td>
Nationality *
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtNationality” Text=”Bangladeshi” runat=”server” class=”form-control”
Width=”200px”></asp:TextBox>
</td>
<td>
Phone
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtPhone” runat=”server” class=”form-control” Width=”200px” onkeypress=”return isNumberKey(event);”></asp:TextBox>
</td>
</tr>
<tr>
<td colspan=”3″>
<asp:RequiredFieldValidator ID=”RequiredFieldValidator4″ runat=”Server” ControlToValidate=”WiztxtNationality”
ErrorMessage=”Nationality is Required !” ValidationGroup=”validation” ForeColor=”Red” />
</td>
<td colspan=”3″>
</td>
</tr>
<tr>
<td>
Mobile *
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtMobile” runat=”server” class=”form-control” Width=”200px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</td>
<td>
Email *
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtEmail” runat=”server” class=”form-control” Width=”200px”></asp:TextBox>
</td>
</tr>
<tr>
<td colspan=”3″>
<asp:RequiredFieldValidator ID=”RequiredFieldValidator5″ runat=”Server” ControlToValidate=”WiztxtMobile”
ErrorMessage=”Mobile Number is Required !” ValidationGroup=”validation” ForeColor=”Red” />
</td>
<td colspan=”3″>
<asp:RegularExpressionValidator ID=”regEmail” ControlToValidate=”WiztxtEmail” Text=”(Invalid email)”
ValidationExpression=”\w+([-+.’]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*” runat=”server”
ValidationGroup=”validation” ForeColor=”Red” />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator6″ runat=”Server” ControlToValidate=”WiztxtEmail”
ErrorMessage=”Email is Required !” ValidationGroup=”validation” ForeColor=”Red” />
</td>
</tr>
<tr>
<td>
Birth Place
</td>
<td>
:
</td>
<td colspan=”4″>
<asp:TextBox ID=”WiztxtBirthPlace” runat=”server” class=”form-control” Width=”200px”></asp:TextBox>
</td>
</tr>
</table>
<br />
</fieldset>
<fieldset>
<legend>Guardian</legend>
<table width=”700px”>
<tr>
<td>
Guardian Name *
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtGuardian” runat=”server” class=”form-control” Width=”200px”></asp:TextBox>
</td>
<td>
Relation *
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”WizddlRelation” runat=”server” class=”form-control” Width=”212px”>
<asp:ListItem Text=”Select” Value=”Select”></asp:ListItem>
<asp:ListItem Text=”Father-son” Value=”Father-son”></asp:ListItem>
<asp:ListItem Text=”Father-daughter” Value=”Father-daughter”></asp:ListItem>
<asp:ListItem Text=”Mother-son” Value=”Mother-son”></asp:ListItem>
<asp:ListItem Text=”Mother-daughter” Value=”Mother-daughter”></asp:ListItem>
<asp:ListItem Text=”Brother” Value=”Brother”></asp:ListItem>
<asp:ListItem Text=”Sister” Value=”Sister”></asp:ListItem>
<asp:ListItem Text=”Grand Father” Value=”Grand Father”></asp:ListItem>
<asp:ListItem Text=”Grand Mother” Value=”Grand Mother”></asp:ListItem>
<asp:ListItem Text=”Uncle” Value=”Uncle”></asp:ListItem>
<asp:ListItem Text=”Aunty” Value=”Aunty”></asp:ListItem>
<asp:ListItem Text=”Brother in law” Value=”Brother in law”></asp:ListItem>
<asp:ListItem Text=”Sister in law” Value=”Sister in law”></asp:ListItem>
<asp:ListItem Text=”Husband” Value=”Husband”></asp:ListItem>
<asp:ListItem Text=”Wife” Value=”Wife”></asp:ListItem>
<asp:ListItem Text=”Father in law” Value=”Father in law”></asp:ListItem>
<asp:ListItem Text=”Mother in law” Value=”Mother in law”></asp:ListItem>
<asp:ListItem Text=”Others” Value=”Others”></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan=”3″>
<asp:RequiredFieldValidator ID=”RequiredFieldValidator7″ runat=”Server” ControlToValidate=”WiztxtGuardian”
ErrorMessage=”Guardian Name is Required !” ValidationGroup=”validation” ForeColor=”Red” />
</td>
<td colspan=”3″>
</td>
</tr>
<tr>
<td>
Address
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtGardianAddress” runat=”server” class=”form-control” Width=”200px”
Height=”80px” TextMode=”MultiLine”></asp:TextBox>
</td>
<td>
Email
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtGardianEmail” runat=”server” class=”form-control” Width=”200px”
Height=”80px” TextMode=”MultiLine”></asp:TextBox>
</td>
</tr>
<tr>
<td colspan=”3″>
</td>
<td colspan=”3″>
<asp:RegularExpressionValidator ID=”RegularExpressionValidator1″ ControlToValidate=”WiztxtGardianEmail”
Text=”(Invalid email)” ValidationExpression=”\w+([-+.’]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*”
runat=”server” ValidationGroup=”validation” ForeColor=”Red” />
</td>
</tr>
<tr>
<td>
Mobile *
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtGardianMobile” runat=”server” class=”form-control” Width=”200px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</td>
<td>
Phone
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtGardianPhone” runat=”server” class=”form-control” Width=”200px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</td>
</tr>
<tr>
<td colspan=”3″>
<asp:RequiredFieldValidator ID=”RequiredFieldValidator8″ runat=”Server” ControlToValidate=”WiztxtGardianMobile”
ErrorMessage=”Guardian Mobile is Required !” ValidationGroup=”validation” ForeColor=”Red” />
</td>
<td colspan=”3″>
</td>
</tr>
</table>
<br />
</fieldset>
<fieldset>
<legend>Contact</legend>
<asp:UpdatePanel ID=”UpdatePanel2″ UpdateMode=”Conditional” runat=”server”>
<ContentTemplate>
<table width=”700px”>
<tr>
<td>
Present Division
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”WizddlPreDivision” runat=”server” class=”form-control” AutoPostBack=”true”
Width=”212px” OnSelectedIndexChanged=”WizddlPreDivision_SelectedIndexChanged”>
</asp:DropDownList>
</td>
<td>
Present District
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”WizddlPreDistrict” runat=”server” class=”form-control” AutoPostBack=”true”
Width=”212px” OnSelectedIndexChanged=”WizddlPreDistrict_SelectedIndexChanged”>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
Present Thana
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”WizddlPreThana” runat=”server” class=”form-control” Width=”212px”>
</asp:DropDownList>
</td>
<td>
Present Addresss
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtPreAddresss” runat=”server” class=”form-control” Width=”200px”
Height=”80px” TextMode=”MultiLine”></asp:TextBox>
</td>
</tr>
<tr>
<td>
Permanent Division
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”WizddlPerDivision” runat=”server” class=”form-control” AutoPostBack=”true”
Width=”212px” OnSelectedIndexChanged=”WizddlPerDivision_SelectedIndexChanged”>
</asp:DropDownList>
</td>
<td>
Permanent District
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”WizddlPerDistrict” runat=”server” class=”form-control” AutoPostBack=”true”
Width=”212px” OnSelectedIndexChanged=”WizddlPerDistrict_SelectedIndexChanged”>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
Permanent Thana
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”WizddlPerThana” runat=”server” class=”form-control” Width=”212px”>
</asp:DropDownList>
</td>
<td>
Permanent Addresss
</td>
<td>
:
</td>
<td>
<asp:TextBox ID=”WiztxtPerAddresss” runat=”server” class=”form-control” Width=”200px”
Height=”80px” TextMode=”MultiLine”></asp:TextBox>
</td>
</tr>
</table>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID=”WizddlPreDivision” EventName=”SelectedIndexChanged” />
<asp:AsyncPostBackTrigger ControlID=”WizddlPerDivision” EventName=”SelectedIndexChanged” />
<asp:AsyncPostBackTrigger ControlID=”WizddlPreDistrict” EventName=”SelectedIndexChanged” />
<asp:AsyncPostBackTrigger ControlID=”WizddlPerDistrict” EventName=”SelectedIndexChanged” />
</Triggers>
</asp:UpdatePanel>
<br />
</fieldset>
<fieldset>
<legend>Education</legend>
<table width=”730px” class=”layout display responsive-table”>
<tr>
<th>
<div align=”center”>
Examination
</div>
</th>
<th align=”center”>
<div align=”center”>
Passing Year
</div>
</th>
<th align=”center”>
<div align=”center”>
Roll
</div>
</th>
<th align=”center”>
<div align=”center”>
Reg. No. *
</div>
</th>
<th align=”center”>
<div align=”center”>
Board
</div>
</th>
<th align=”center”>
<div align=”center”>
Institute
</div>
</th>
</tr>
<tr>
<td width=”80px”>
<strong>S.S.C/ Equiv.</strong>
</td>
<td width=”80px”>
<asp:TextBox ID=”WiztxtSSCYear” runat=”server” class=”form-control” Width=”70px”
ReadOnly=”true”></asp:TextBox>
</td>
<td width=”70px”>
<asp:TextBox ID=”WiztxtSSCRoll” runat=”server” class=”form-control” Width=”60px”
ReadOnly=”true”></asp:TextBox>
</td>
<td width=”70px”>
<asp:TextBox ID=”WiztxtSSCRegNo” runat=”server” class=”form-control” Width=”60px”></asp:TextBox>
</td>
<td width=”80px”>
<asp:TextBox ID=”WiztxtSSCBoardName” runat=”server” class=”form-control” Width=”70px”
ReadOnly=”true”></asp:TextBox>
</td>
<td>
<asp:TextBox ID=”WiztxtSSCInstitute” runat=”server” class=”form-control” Width=”180px”></asp:TextBox>
</td>
</tr>
<tr>
<td>
<strong>H.S.C/ Equiv.</strong>
</td>
<td>
<asp:TextBox ID=”WiztxtHSCYear” runat=”server” class=”form-control” Width=”70px”
ReadOnly=”true”></asp:TextBox>
</td>
<td>
<asp:TextBox ID=”WiztxtHSCRoll” runat=”server” class=”form-control” Width=”60px”
ReadOnly=”true”></asp:TextBox>
</td>
<td>
<asp:TextBox ID=”WiztxtHSCRegNo” runat=”server” class=”form-control” Width=”60px”></asp:TextBox>
</td>
<td>
<asp:TextBox ID=”WiztxtHSCBoardName” runat=”server” class=”form-control” Width=”70px”
ReadOnly=”true”></asp:TextBox>
</td>
<td>
<asp:TextBox ID=”WiztxtHSCInstitute” runat=”server” class=”form-control” Width=”180px”></asp:TextBox>
</td>
</tr>
<tr>
<td colspan=”6″>
<asp:RequiredFieldValidator ID=”RequiredFieldValidator9″ runat=”Server” ControlToValidate=”WiztxtSSCRegNo”
ErrorMessage=”S.S.C Reg. No. is Required !” ValidationGroup=”validation” ForeColor=”Red” />
<br />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator10″ runat=”Server” ControlToValidate=”WiztxtHSCRegNo”
ErrorMessage=”H.S.C Reg. No. is Required !” ValidationGroup=”validation” ForeColor=”Red” />
</td>
</tr>
</table>
<br />
</fieldset>
<fieldset>
<legend>Result</legend>
<div style=”width: 730px;”>
<table width=”730px” class=”layout display responsive-table”>
<tr>
<th colspan=”2″>
<div align=”center”>
S.S.C
</div>
</th>
<th colspan=”4″>
<div align=”center”>
H.S.C
</div>
</th>
</tr>
<tr>
<td width=”80px”>
<div align=”center”>
Scale *
</div>
</td>
<td width=”80px”>
<div align=”center”>
CGPA *
</div>
</td>
<td width=”80px”>
<div align=”center”>
Scale *
</div>
</td>
<td width=”80px”>
<div align=”center”>
CGPA *
</div>
</td>
<td width=”100px”>
<div align=”center”>
Subject
</div>
</td>
<td>
<div align=”center”>
GPA
</div>
</td>
</tr>
<tr>
<td rowspan=”9″>
<div align=”center”>
<asp:TextBox ID=”WiztxtSSCScale” runat=”server” class=”form-control” Width=”50px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</div>
</td>
<td rowspan=”9″>
<div align=”center”>
<asp:TextBox ID=”WiztxtSSCCGPA” runat=”server” class=”form-control” Width=”50px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</div>
</td>
<td rowspan=”9″>
<div align=”center”>
<asp:TextBox ID=”WiztxtHSCScale” runat=”server” class=”form-control” Width=”50px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</div>
</td>
<td rowspan=”9″>
<div align=”center”>
<asp:TextBox ID=”WiztxtHSCCGPA” runat=”server” class=”form-control” Width=”50px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</div>
</td>
<td>
Physics *
</td>
<td>
<div align=”center”>
<asp:TextBox ID=”WiztxtHSCPhysics” runat=”server” class=”form-control” Width=”50px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</div>
</td>
</tr>
<tr>
<td>
Chemistry *
</td>
<td>
<div align=”center”>
<asp:TextBox ID=”WiztxtHSCChemistry” runat=”server” class=”form-control” Width=”50px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</div>
</td>
</tr>
<tr>
<td>
Mathematics *
</td>
<td>
<div align=”center”>
<asp:TextBox ID=”WiztxtHSCMathematics” runat=”server” class=”form-control” Width=”50px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</div>
</td>
</tr>
<tr>
<td>
English *
</td>
<td>
<div align=”center”>
<asp:TextBox ID=”WiztxtHSCEnglish” runat=”server” class=”form-control” Width=”50px”
onkeypress=”return isNumberKey(event);”></asp:TextBox>
</div>
</td>
</tr>
<tr>
<td>
Total
</td>
<td>
<div align=”center”>
<asp:TextBox ID=”WiztxtHSCTotal” runat=”server” class=”form-control” Width=”50px”
ReadOnly=”true” onkeypress=”return isNumberKey(event);”></asp:TextBox>
</div>
</td>
</tr>
</table>
<div align=”left”>
<asp:RequiredFieldValidator ID=”RequiredFieldValidator11″ runat=”Server” ControlToValidate=”WiztxtSSCScale”
ErrorMessage=”S.S.C Scale is Required !” ValidationGroup=”validation” ForeColor=”Red” />
<br />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator12″ runat=”Server” ControlToValidate=”WiztxtSSCCGPA”
ErrorMessage=”S.S.C GPA is Required !” ValidationGroup=”validation” ForeColor=”Red” />
<br />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator13″ runat=”Server” ControlToValidate=”WiztxtHSCScale”
ErrorMessage=”H.S.C Scale is Required !” ValidationGroup=”validation” ForeColor=”Red” />
<br />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator14″ runat=”Server” ControlToValidate=”WiztxtHSCCGPA”
ErrorMessage=”H.S.C GPA is Required !” ValidationGroup=”validation” ForeColor=”Red” />
<br />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator15″ runat=”Server” ControlToValidate=”WiztxtHSCPhysics”
ErrorMessage=”Physics GPA is Required !” ValidationGroup=”validation” ForeColor=”Red” />
<br />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator16″ runat=”Server” ControlToValidate=”WiztxtHSCChemistry”
ErrorMessage=”Chemistry GPA is Required !” ValidationGroup=”validation” ForeColor=”Red” />
<br />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator17″ runat=”Server” ControlToValidate=”WiztxtHSCMathematics”
ErrorMessage=”Math GPA is Required !” ValidationGroup=”validation” ForeColor=”Red” />
<br />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator18″ runat=”Server” ControlToValidate=”WiztxtHSCEnglish”
ErrorMessage=”English GPA is Required !” ValidationGroup=”validation” ForeColor=”Red” />
<br />
</div>
</div>
<br />
</fieldset>
<fieldset>
<legend>Submission</legend>
<table width=”730px”>
<tr>
<td>
<label for=”CandidatePicture”>
<strong>1.</strong> Picture [Max size: 300 x 300 px & 100 KB] *</label>
<div id=”imagePreview” style=”border: 1px #ccc dashed;” title=”Picture”>
</div>
<br />
<asp:FileUpload ID=”CandidatePicture” runat=”server” class=” img btn btn-default”
Width=”300px” />
</td>
<td>
</td>
<td valign=”top”>
<label for=”CandidateSignature”>
<strong>2.</strong> Signature [Max size: 300 x 80 px & 50 KB] *</label>
<div id=”signaturePreview” style=”border: 1px #ccc dashed;” title=”Picture”>
</div>
<br />
<asp:FileUpload ID=”CandidateSignature” runat=”server” class=” img btn btn-default”
Width=”300px” />
</td>
</tr>
<tr>
<td>
<br />
</td>
<td>
<br />
</td>
<td>
<br />
</td>
</tr>
<tr>
<td>
<strong>3.</strong> Medium of Instructions/ Question Papers *
</td>
<td>
:
</td>
<td>
<asp:DropDownList ID=”ddlMediumOfInstruction” runat=”server” class=”form-control”
Width=”212px”>
<asp:ListItem Text=”Bangla” Value=”Bangla” Selected=”True”></asp:ListItem>
<asp:ListItem Text=”English” Value=”English”></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
<br />
</td>
<td>
<br />
</td>
<td>
<br />
</td>
</tr>
<tr>
<td colspan=”3″>
<table width=”100%”>
<tr>
<td width=”10px” valign=”top”>
<strong>4.</strong>
</td>
<td>
<div style=”text-align: justify;”>
I do hereby declare that to the best of my knowledge and belief the above mentioned
information is correct. I do hereby promise that if any information supplied by
me is found to be false, incomplete or any of my certificate or grade sheet is changed
or decomposed willingly and if it is proved, my application form will directly be
cancelled and I shall also be liable to obey the decision taken by the University
authority. I do hereby further undertake that I shall attend the admission test
knowing the rules and regulations written in the admission prospectus. If I get
myself admitted into this University, I shall obey the rules and regulations of
this University and during my staying in this University, I shall be bound to obey
any decision taken by the University authority.
</div>
</td>
<td width=”20px”>
</td>
<td width=”100px” align=”right”>
<asp:CheckBox ID=”CkbCondition” runat=”server” ToolTip=”Accept the codes and conditions”
Text=”Agreed” />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<br />
</td>
<td>
<br />
</td>
<td>
<br />
</td>
</tr>
<tr>
<td colspan=”3″ align=”left”>
<strong>5.</strong> Enter code shown right in text box *
</td>
</tr>
<tr>
<td colspan=”3″ align=”left”>
<table width=”700px”>
<tr>
<td>
<asp:Label ID=”lblmsgCaptcha” runat=”server” Font-Bold=”True” ForeColor=”Red” Text=”” />
<br />
<asp:TextBox ID=”txtimgcode” runat=”server” ValidationGroup=”validation” class=”form-control”
Width=”200px” />
<asp:RequiredFieldValidator ID=”RequiredFieldValidator19″ runat=”Server” ControlToValidate=”txtimgcode”
ErrorMessage=”Code is Required !” ValidationGroup=”validation” ForeColor=”Red” />
</td>
<td>
<img height=”70″ width=”200″ src=”CImage.aspx” alt=”” />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<br />
</td>
<td>
<br />
</td>
<td>
<br />
</td>
</tr>
<tr>
<td colspan=”3″>
<div align=”right” style=”font-family: Verdana; font-size: 12px; font-style: italic;
color: Green;”>
[ Check the above ‘Check Box’; otherwise you can not preview.<br />
If problem arise then Uncheck and Check again]
</div>
<div align=”right”>
<asp:Button ID=”btnCancel” runat=”server” Text=”Cancel” CssClass=”btn btn-default”
OnClick=”btnCancel_Click” />
<asp:Button ID=”btnPreview” runat=”server” Text=”Preview” CssClass=”btn btn-default”
                                            ValidationGroup=”validation” OnClick=”btnPreview_Click” Enabled=”false” ToolTip=”Accept terms and Conditions !” />
<%–<asp:Button ID=”btnSaveData” runat=”server” Text=”Submit” OnClick=”btnSaveData_Click”
CssClass=”btn btn-default” ValidationGroup=”validation” Enabled=”false” ToolTip=”Accept terms and Conditions !” />–%>
<div id=”validation_dialog” style=”display: none”>
                                            <asp:ValidationSummary ID=”ValidationSummary1″ runat=”server” />
                                            <div style=”color: Red; font-family: Verdana; font-size: 10px; font-style: italic;”>
                                                Error: Validation (Required Field, Email) Error. Check Each Steps and Correct Values.
                                            </div>
</div>
</div>
</td>
</tr>
</table>
<br />
</fieldset>
</div>
</div>
<div id=”dialog” title=”Application Preview” style=”width: 700px;”>
                <%–<span class=”ui-icon ui-icon-alert” style=”float: left; margin: 0 7px 0 0;”></span>–%>
                <%–<fieldset>
                    <legend>Personal</legend>–%>
                <table width=”730px”>
                    <tr>
                        <td colspan=”6″>
                            <div id=”dialog-image” style=”border: 1px #ccc dashed;” title=”Picture”>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Name
                        </td>
                        <td>
                            :
                        </td>
                        <td colspan=”4″>
                            <p id=”dialog-name”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td width=”100px”>
                            Father’s Name
                        </td>
                        <td width=”5px”>
                            :
                        </td>
                        <td>
                            <p id=”fname”>
                            </p>
                        </td>
                        <td width=”100px”>
                            Mother’s Name
                        </td>
                        <td width=”5px”>
                            :
                        </td>
                        <td>
                            <p id=”mname”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Date of Birth
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”dob”>
                            </p>
                        </td>
                        <td>
                            Sex
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”sex”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Religion view
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”religion”>
                            </p>
                        </td>
                        <td>
                            Is Tribal?
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”tribal”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Tribal District
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”tbDistrict”>
                            </p>
                        </td>
                        <td>
                            Nationality
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”nationality”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Phone
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”phone”>
                            </p>
                        </td>
                        <td>
                            Mobile
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”mobile”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Email
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”email”>
                            </p>
                        </td>
                        <td>
                            Birth Place
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”birthPlace”>
                            </p>
                        </td>
                    </tr>
                </table>
                <%– </fieldset>–%>
                <br />
                <hr />
                <br />
                <table width=”730px” class=”layout display responsive-table”>
                    <tr>
                        <td>
                            Guardian Name
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”guardian”>
                            </p>
                        </td>
                        <td>
                            Relation
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”relation”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Address
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”garAddress”>
                            </p>
                        </td>
                        <td>
                            Email
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”garEmail”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Mobile
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”garMobile”>
                            </p>
                        </td>
                        <td>
                            Phone
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”garPhone”>
                            </p>
                        </td>
                    </tr>
                </table>
                <br />
                <hr />
                <br />
                <table width=”730px” class=”layout display responsive-table”>
                    <tr>
                        <td>
                            Present Division
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”presentDivision”>
                            </p>
                        </td>
                        <td>
                            Present District
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”presentDistrict”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Present Thana
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”presentThana”>
                            </p>
                        </td>
                        <td>
                            Present Addresss
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”presentAddresss”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Permanent Division
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”permanentDivision”>
                            </p>
                        </td>
                        <td>
                            Permanent District
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”permanentDistrict”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Permanent Thana
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”permanentThana”>
                            </p>
                        </td>
                        <td>
                            Permanent Addresss
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”permanentAddresss”>
                            </p>
                        </td>
                    </tr>
                </table>
                <br />
                <hr />
                <br />
                <table width=”730px” class=”layout display responsive-table”>
                    <tr>
                        <th>
                            <div align=”center”>
                                Examination
                            </div>
                        </th>
                        <th align=”center”>
                            <div align=”center”>
                                Passing Year
                            </div>
                        </th>
                        <th align=”center”>
                            <div align=”center”>
                                Roll Number
                            </div>
                        </th>
                        <th align=”center”>
                            <div align=”center”>
                                Board
                            </div>
                        </th>
                        <th align=”center”>
                            <div align=”center”>
                                Institute
                            </div>
                        </th>
                    </tr>
                    <tr>
                        <td width=”80px”>
                            <strong>S.S.C/ Equiv.</strong>
                        </td>
                        <td width=”100px”>
                            <p id=”sscyear”>
                            </p>
                        </td>
                        <td width=”100px”>
                            <p id=”sscroll”>
                            </p>
                        </td>
                        <td width=”80px”>
                            <p id=”sscboard”>
                            </p>
                        </td>
                        <td>
                            <p id=”sscinstitute”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <strong>H.S.C/ Equiv.</strong>
                        </td>
                        <td>
                            <p id=”hscyear”>
                            </p>
                        </td>
                        <td>
                            <p id=”hscroll”>
                            </p>
                        </td>
                        <td>
                            <p id=”hscboard”>
                            </p>
                        </td>
                        <td>
                            <p id=”hscinstitute”>
                            </p>
                        </td>
                    </tr>
                </table>
                <br />
                <hr />
                <br />
                <table width=”730px” class=”layout display responsive-table”>
                    <tr>
                        <th colspan=”2″>
                            <div align=”center”>
                                S.S.C
                            </div>
                        </th>
                        <th colspan=”4″>
                            <div align=”center”>
                                H.S.C
                            </div>
                        </th>
                    </tr>
                    <tr>
                        <td>
                            <div align=”center”>
                                Scale
                            </div>
                        </td>
                        <td>
                            <div align=”center”>
                                CGPA
                            </div>
                        </td>
                        <td>
                            <div align=”center”>
                                Scale
                            </div>
                        </td>
                        <td>
                            <div align=”center”>
                                CGPA
                            </div>
                        </td>
                        <td width=”80px”>
                            <div align=”center”>
                                Subject
                            </div>
                        </td>
                        <td>
                            <div align=”center”>
                                GPA
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td rowspan=”5″>
                            <div align=”center”>
                                <p id=”sscscale”>
                                </p>
                            </div>
                        </td>
                        <td rowspan=”5″>
                            <div align=”center”>
                                <p id=”sscgpa”>
                                </p>
                            </div>
                        </td>
                        <td rowspan=”5″>
                            <div align=”center”>
                                <p id=”hscscale”>
                                </p>
                            </div>
                        </td>
                        <td rowspan=”5″>
                            <div align=”center”>
                                <p id=”hscgpa”>
                                </p>
                            </div>
                        </td>
                        <td>
                            Physics
                        </td>
                        <td>
                            <div align=”center”>
                                <p id=”gpaphysics”>
                                </p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Chemistry
                        </td>
                        <td>
                            <div align=”center”>
                                <p id=”gpachemistry”>
                                </p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Mathematics
                        </td>
                        <td>
                            <div align=”center”>
                                <p id=”gpamathematics”>
                                </p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            English
                        </td>
                        <td>
                            <div align=”center”>
                                <p id=”gpaenglish”>
                                </p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Total
                        </td>
                        <td>
                            <div align=”center”>
                                <p id=”gpatotal”>
                                </p>
                            </div>
                        </td>
                    </tr>
                </table>
                <br />
                <hr />
                <br />
                <table>
                    <tr>
                        <td>
                            Medium of Instructions/ Question Papers
                        </td>
                        <td>
                            :
                        </td>
                        <td>
                            <p id=”mediumInstructions”>
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td colspan=”3″>
                        </td>
                    </tr>
                    <tr>
                        <td colspan=”3″ align=”right”>
                            <div id=”dialog-signature” style=”border: 1px #ccc dashed;” title=”Picture”>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
</form>
</div>
</div>
<br />
</asp:Content>

 

B. .aspx.cs Code

protected void btnPreview_Click(object sender, EventArgs e)
{
if (Page.IsValid) // is client side validation ok?
                {
                    SubmitForm();
                }      
}

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s