web development – Page 7

how to create html element dynamically in javascript

var itemManCnt=2;
function addMoreHomeImage()
{
if(itemManCnt==6)
{
alert(“You can upload only 5 files”);
return false;

}
var parentObj=document.getElementById(‘FileElementItem’);
var divClrBoth = document.createElement(“div”);
divClrBoth.setAttribute(“class”,”ClrBoth”);
divClrBoth.setAttribute(“id”,itemManCnt);

var divClrSelect = document.createElement(“div”);
divClrSelect.setAttribute(“class”,”Select”);

var file= document.createElement(“input”);
file.setAttribute(“type”,”file”);
file.setAttribute(“id”,”InsuranceHomeImage”+itemManCnt);
file.setAttribute(“name”,”InsuranceHomeImage”+itemManCnt);
divClrSelect.appendChild(file);

var divRemove= document.createElement(“div”);
divRemove.setAttribute(“class”,”AddNew”);

var divRemoveLink = document.createElement(“a”);
divRemoveLink.setAttribute(‘onclick’,’deleteHomeImage(‘+itemManCnt+’)’);itemManCnt++;
divRemoveLink.innerHTML=’Remove’;
divRemove.appendChild(divRemoveLink);

divClrBoth.appendChild(divClrSelect);
divClrBoth.appendChild(divRemove);

parentObj.appendChild(divClrBoth);
}
function deleteHomeImage(iEle)
{
var parentObj=document.getElementById(‘FileElementItem’);
var olddiv = document.getElementById(iEle);
–itemManCnt;
parentObj.removeChild(olddiv);
}

Implementation example

file type validation in javascript

function isValidfile(filename)
{

file_value = filename;
var checkfile = file_value.toLowerCase();
if (!checkfile.match(/(\.doc|\.DOC|\.pdf|\.PDF)$/))
{
return false;
}
else
{
return true;
}
}

image validation in javascript

function isValidImage(imagename)
{

imagefile_value = imagename;
var checkimg = imagefile_value.toLowerCase();
if (!checkimg.match(/(\.jpg|\.gif|\.png|\.JPG|\.GIF|\.PNG|\.jpeg|\.JPEG)$/))
{
return false;
}
else
{
return true;
}
}

To check whether given date is less than current date

function IslessThanCurrentYear(year)
{
var d = new Date();
currentyear = d.getFullYear();

if (year>currentyear)
{
return false;
}
else
{
return true;
}

}

To check leap year

function IsLeapYear(year)
{
if ((year%4)==0)
{
if ((year%100==0) && (year%400)!=0)
{
return false;
}
else
{
return true;
}
}
else
{
return false;
}
}

URL validation

function checkURL(url)
{
var theurl=url;
var tomatch= /^(http[s]?:\/\/|ftp:\/\/)(www\.)?[a-zA-Z0-9-\.]+\.(com|org|net|mil|edu|ca|co.uk|co.in|com.au|ac.in|gov|gov.in)(\/[A-Za-z0-9\.-])?/;
if (tomatch.test(theurl))
{

return true;
}
else
{

return false;
}
}

validate email address

function echeck(str) {

var at=”@”
var dot=”.”
var lat=str.indexOf(at)
var lstr=str.length
var ldot=str.indexOf(dot)
if (str.indexOf(at)==-1){
return false
}

if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
return false
}

if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
return false
}

if (str.indexOf(at,(lat+1))!=-1){
return false
}

if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
return false
}

if (str.indexOf(dot,(lat+2))==-1){
return false
}

if (str.indexOf(” “)!=-1){
return false
}

return true
}

to check alphanumeric character

function isAlphaNumeric(valueToTest)
{
var myRegxp = /^[\w ]+$/;
if(myRegxp.test(valueToTest) == 1)
{
return true;
}
else
{
return false;
}
}

function to restrict text area character

trim function in javascript

function trim(sString) {
sTrimmedString = “”;
if (sString != “”) {
var iStart = 0;
var iEnd = sString.length – 1;
var sWhitespace = ” \t\f\n\r”;

while (sWhitespace.indexOf(sString.charAt(iStart)) != -1) {
iStart++;
if (iStart > iEnd)
break;
}

// If the string not just whitespace
if (iStart <= iEnd) {
while (sWhitespace.indexOf(sString.charAt(iEnd)) != -1)
iEnd–;
sTrimmedString = sString.substring(iStart,++iEnd);
}
}
return sTrimmedString;
}