জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল (পর্ব-৮)

জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল এর অষ্টম পর্বে আপনাকে স্বাগতম। এই পর্বে আমরা জাভাস্ক্রিপ্ট এর নেভিগেশন অবজেক্ট, কুকি, ফর্ম ভেলিডেশন নিয়ে আলোচনা করব।

ভিজিটরের ব্রাউজার সম্পর্কিত সকল তথ্য দেখানোর জন্য আমরা নিচের কোডটুকু ব্যবহার করতে পারি:

<script type="text/javascript">
var x = navigator;
document.write("CodeName=" + x.appCodeName);
document.write("<br />");
document.write("MinorVersion=" + x.appMinorVersion);
document.write("<br />");
document.write("Name=" + x.appName);
document.write("<br />");
document.write("Version=" + x.appVersion);
document.write("<br />");
document.write("CookieEnabled=" + x.cookieEnabled);
document.write("<br />");
document.write("CPUClass=" + x.cpuClass);
document.write("<br />");
document.write("OnLine=" + x.onLine);
document.write("<br />");
document.write("Platform=" + x.platform);
document.write("<br />");
document.write("UA=" + x.userAgent);
document.write("<br />");
document.write("BrowserLanguage=" + x.browserLanguage);
document.write("<br />");
document.write("SystemLanguage=" + x.systemLanguage);
document.write("<br />");
document.write("UserLanguage=" + x.userLanguage);
</script>

আমরা এবার একটি কুকি বানাবো যেটি একজন ভিজিটরের নামকে সংরক্ষণ করবে। কোনো ভিজিটর প্রথমবারের মতো ওয়েব পেজটিতে এলে তার নামটি পূরণ করার জন্য তাকে অনুরোধ করা হবে। নামটি পূরণ করার পর তা একটি কুকিতে সংরক্ষিত হবে। এর পরের বার ভিজিটর ওই পেজটিতে ঢুকলে একটি স্বাগত বার্তা পাবেন।

<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start!=-1)
    {
    c_start=c_start + c_name.length+1 ;
    c_end=document.cookie.indexOf(";",c_start);
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end));
    }
  }
return ""
}
function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : "; expires="+exdate.toGMTString());
}
function checkCookie()
{
username=getCookie('username');
if (username!=null && username!="")
  {
  alert('Welcome again '+username+'!');
  }
else
  {
  username=prompt('Please enter your name:',"");
  if (username!=null && username!="")
    {
    setCookie('username',username,365);
    }
  }
}
</script>
</head>
<body onLoad="checkCookie()">
</body>
</html>

<html>

<head>

</head>

</body>

</html>

প্রয়োজনীয় ফিল্ড ভেলিডেশন করা:

<html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {
    alert(alerttxt);return false;
    }
  else
    {
    return true;
    }
  }
}
function validate_form(thisform)
{
with (thisform)
  {
  if (validate_required(email,"Email must be filled out!")==false)
  {email.focus();return false;}
  }
}
</script>
</head>
<body>
<form action="submit.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>

<html>

<head>

</head>

<body>

Email: <input type="text" name="email" size="30">

</form>

</body>

</html>

ইমেইল ফিল্ড ভেলিডেশন করা:

<html>
<head>
<script
 type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
  {
  apos=value.indexOf("@");
  dotpos=value.lastIndexOf(".");
  if (apos<1||dotpos-apos<2)
    {alert(alerttxt);return false;}
  else {return true;}
  }
}
function validate_form(thisform)
{
with (thisform)
  {
  if (validate_email(email,"Not a valid e-mail address!")==false)
    {email.focus();return false;}
  }
}
</script>
</head>
<body>
<form action="submit.htm" onsubmit="return validate_form(this);" 
method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>

<html>

<head>

</head>

<body>

<form action="submit.htm" onsubmit="return validate_form(this);" method="post">Email: <input type="text" name="email" size="30">

</form>

</body>

</html>

বাসায় এই কোড গুলো ভালোভাবে চর্চা করুন। ধন্যবাদ।

জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল (পর্ব-৮)

Share to:

একটি মন্তব্য পোস্ট করুন Blogger Facebook

জনপ্রিয়

মন্তব্য

আর্কাইভ

জাভাস্ক্রিপ্ট বাংলা টিউটোরিয়াল (পর্ব-৮)

Share to:

Next

নবীনতর পোস্ট

Previous

পুরাতন পোস্ট

একটি মন্তব্য পোস্ট করুন Blogger Facebook