JavaScript Validations in ASP.Net

Validations



validate ONLY NUMBERS on TEXTBOX
---------------------------------------------------

function OnlyNumber(e)

{
var keycode;
if (window.event)
keycode = window.event.keyCode;
else if (event)
keycode = event.keyCode;

else if (e)
keycode = e.which;
else
return true;
if((keycode >= 48 && keycode <= 57) || keycode == 13)
{
return true;
}
else
{
alert('Enter Only Number');
return false;
}
return true;
}


validate ONLY NUMBERS on TEXTBOX
---------------------------------------------------

function OnlyCharacters(e)

{
var keycode;
if (window.event)
keycode = window.event.keyCode;
else if (event)
keycode = event.keyCode;

else if (e)
keycode = e.which;
else
return true;
if( (keycode >= 65 && keycode <= 90) || (keycode >= 97 && keycode <= 122) || keycode == 13 )
{
return true;
}
else
{
alert('Enter Only Characters');
return false;
}
return true;
}


validate SPECIAL Character on TEXTBOX
---------------------------------------------------


.CS
---------

Txt_Pwd.Attributes.Add("onkeypress", "return alphanumeric_SomeSpl(this);");


HEAD
---------

function alphanumeric_SomeSpl(e)

{
var keycode;
if (window.event)
keycode = window.event.keyCode;
else if (event)
keycode = event.keyCode;

else if (e)
keycode = e.which;
else
return true;
//Number, Character,Enter key(13),Underscore,Hyphen,@,fullstop,comma,dollar,
if( (keycode >= 48 && keycode <= 57) || (keycode >= 65 && keycode <= 90) || (keycode >= 97 && keycode <= 122) || keycode == 13 || keycode == 45 || keycode == 64 || keycode == 46 || keycode == 44 || keycode == 36 || keycode == 95 )
{
return true;
}
else
{
alert('Character Not Allowed Only');
return false;
}
return true;
}


validate Character on date Field
-------------------------------------------


.CS
---------

txt_FromDateFilter.Attributes.Add("onkeypress", "return TypeDate1();");



HEAD
---------

function TypeDate1()
{
var txt1=document.getElementById('<%=txt_FromDateFilter.ClientID %>');
var fromDate = txt1.value;
var iChars = "!@#$%^&*()+=[]\\\';,.{}|\":<>?abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
for (var i = 0; i < fromDate.length; i++)
{
if (iChars.indexOf(fromDate.charAt(i)) != -1)
{
alert ("Invalid From Date Format.\n Characters not allowed \n Ex: 12/31/2000 or 12-31-2000");
txt1.value='';
return false;
}

}
return true;
}

-----------------------------------------------------------------------------------------------

Validate for FUTURE date
------------------------------------

HEAD
---------


//Check For Past Date, if it is past date it l clear the value....
function DateChek(txtDate)
{
var Lstid=txtDate.id;
var txtBox=document.getElementById(Lstid);
var spanDays = $get("spanDays");

var toDate=txtBox.value;
var mySplitResult;
var dt;



var myDay1;
var MyMon1;
var myYear1;

mySplitResult= toDate.split("/");
myDay1=mySplitResult[0];
MyMon1=mySplitResult[1];
myYear1=mySplitResult[2];
dt=MyMon1 + '/' + myDay1 + '/' + myYear1;



var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
spanDays.innerHTML='';
if(Date.parse(month + "/" + day + "/" + year)>Date.parse(dt))
{

alert('Enter Future Date');
//spanDays.innerHTML='Enter Future Date';
txtBox.value="";
return false;
}

}

BODY

<asp:TextBox ID="txt_FromDateFilter" runat="server" CssClass="TxtBxCalender" onchange="DateChek(this)"></asp:TextBox>

-------------------------------------------------------------------------------------------------


To Date must be greater than or equal to From Date.

HEAD
---------

function ValidateDate()

{


// var fromDate = document.forms['recentUpdates'].elements['fromDate'].value;

// var toDate = document.forms['recentUpdates'].elements['toDate'].value;
var txt1=document.getElementById('<%=txt_FromDate.ClientID %>');
var txt2=document.getElementById('<%=txt_ToDate.ClientID %>');
var spanDays = $get("spanDays");



var fromDate = txt1.value;

var toDate = txt2.value;

var mySplitResult = fromDate.split("/");
var dt;

var myDay;
var MyMon;
var myYear;

var myDay1;
var MyMon1;
var myYear1;

myDay=mySplitResult[0];
MyMon=mySplitResult[1];
myYear=mySplitResult[2];
dt=MyMon + '/' + myDay + '/' + myYear;
fromDate=dt;

mySplitResult= toDate.split("/");
myDay1=mySplitResult[0];
MyMon1=mySplitResult[1];
myYear1=mySplitResult[2];
dt=MyMon1 + '/' + myDay1 + '/' + myYear1;
toDate=dt;

var alertReason1 = 'To Date must be greater than or equal to From Date.'

var endDate = new Date(toDate);

var startDate= new Date(fromDate);


// var startDateValuecmp = startDate.getTime();
// var endDateValuecmp = endDate.getTime();
spanDays.innerHTML='';
if(fromDate == '' && toDate == '')

{

alert("Please enter From Date and To Date.");

return false;

}

else if(fromDate == '')

{
txt2.value='';
alert("Please enter From Date. ");

return false;

}
else if(txt1.value == '')

{
txt2.value='';
alert("Please enter From Date. ");

return false;

}

else if(toDate == '')

{

alert("Please enter To Date. ");

return false;

}
else if(toDate != '' && fromDate == '')

{
txt2.value='';
alert("Please enter From Date. ");

return false;

}


else if (fromDate !='' && toDate != '' && startDate > endDate)

{
txt2.value='';
alert(alertReason1);

return false;

}
else if (fromDate !='' && toDate != '' && startDate <= endDate)
{

var startingdate=new Date(myYear,MyMon,myDay);
var endingdate=new Date(myYear1,MyMon1,myDay1);
var one_day=1000*60*60*24;
//alert("Difference is " + Math.ceil((endingdate.getTime()-startingdate.getTime())/(one_day)) + " days ");
spanDays.innerHTML="You are applying leave for " + ( Math.ceil((endingdate.getTime()-startingdate.getTime())/(one_day)) + 1 )+ " day(s) "
return true;
}


}

BODY
---------

<asp:TextBox ID="txt_TODATE" runat="server" CssClass="TxtBxCalender" onchange="ValidateDate()"></asp:TextBox>


====================================================================


GET MULTIPLE SELECTED VALUES IN LISTBOX USING JAVASCRIPT


Add 3 hidden fields and a list box, enable multiple select in listbox property

HEAD
---------


function MultipleSelect(listfield,HidID,HidID1,HidID2)
{
var selected="";
var Lstid=listfield.id;
var LstBox=document.getElementById(Lstid);
var HiddenFld=document.getElementById(HidID);
var HiddenFld1=document.getElementById(HidID1);
var HiddenFld2=document.getElementById(HidID2);
HiddenFld.value='';
HiddenFld1.value='';
HiddenFld2.value='0';
for (i=0; i < LstBox.length; i++)
{
if (LstBox.options[i].selected)
{

selected=LstBox.options[i].text; // Name and Designation
selected1=LstBox.options[i].value; //Mail ID and Emp Code

if(i==0)
{
HiddenFld.value = selected;
HiddenFld1.value = selected1;
}
else
{
HiddenFld.value = HiddenFld.value + "," + selected ;
HiddenFld1.value = HiddenFld1.value + "," + selected1 ;

}

}
}
HiddenFld2.value=i;

}

.CS
---------

ListBox_AbsenceWork.Attributes.Add("onchange", "MultipleSelect(this,'" + HiddenField1.ClientID + "','" + HiddenField2.ClientID + "','" + HiddenField3.ClientID + "')");

===================================================================