API tools faq
paste
Advertisement
stronk_8s

js kt

stronk_8s
Oct 27th, 2023 (edited)
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 12.38 KB | Source Code | 0 0
raw download clone embed print report
  1. <!-- ID MUST START WITH STD
  2. 10 DIGIT MOBILE NO
  3. 8 LENGTH PASSWORD
  4. VALID MAIL -->
  5.  
  6.  
  7. <!DOCTYPE html>
  8. <html lang="en">
  9. <head>
  10.     <meta charset="UTF-8">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12.     <title>validation</title>
  13.     <script>
  14.  
  15.         function fnSetCookies(cname,cvalue)
  16.         {
  17.             document.cookie=cname+"="+cvalue+";";
  18.         }
  19.  
  20.         function fnGetCookies(cname,cvalue)
  21.         {
  22.             var cookie_arr=document.cookie.split(';');
  23.             for(var i=0;i<cookie_arr.length;i++)
  24.             {
  25.                 var vrTempCookie=cookie_arr[i].trim().split("=")
  26.                 if(vrTempCookie[0]==cname)
  27.                     return vrTempCookie[1];
  28.             }
  29.             return "";
  30.         }
  31.  
  32.         function fnID()
  33.         {
  34.             var id=document.getElementById("txtId").value;
  35.             var idpat=/^[STD]{3}[0-9a-zA-Z]{1,}$/;
  36.             if (id=="")
  37.             {
  38.                 document.getElementById("errId").style.color="red";
  39.                 document.getElementById("errId").innerHTML="ID required";
  40.             }
  41.             else
  42.             {
  43.                 if (idpat.test(id)==false)
  44.                 {
  45.                     document.getElementById("errId").style.color="red";
  46.                     document.getElementById("errId").innerHTML="STD must be at the starting of the number";
  47.                 }
  48.                 else
  49.                 {
  50.                     document.getElementById("errId").style.color="green";
  51.                     document.getElementById("errId").innerHTML="success";
  52.                 }
  53.             }
  54.         }
  55.  
  56.         function fnRoll()
  57.         {
  58.             var roll=document.getElementById("txtRollNo").value;
  59.             var rnopat=/^[0-9]{1,}$/;
  60.             if (roll=="")
  61.             {
  62.                 document.getElementById("errRollNo").style.color="red";
  63.                 document.getElementById("errRollNo").innerHTML="roll no required";
  64.             }
  65.             else
  66.             {
  67.                 if (rnopat.test(roll)==false)
  68.                 {
  69.                     document.getElementById("errRollNo").style.color="red";
  70.                     document.getElementById("errRollNo").innerHTML="roll no invalid";
  71.                 }
  72.                 else
  73.                 {
  74.                     document.getElementById("errRollNo").style.color="green";
  75.                     document.getElementById("errRollNo").innerHTML="success";
  76.                 }
  77.             }
  78.         }
  79.  
  80.         function fnName()
  81.         {
  82.             var name=document.getElementById("txtName").value;
  83.             var namepat=/^[a-z A-Z]{1,}$/;
  84.             if (name=="")
  85.             {
  86.                 document.getElementById("errName").style.color="red";
  87.                 document.getElementById("errName").innerHTML="name required";
  88.             }
  89.             else
  90.             {
  91.                 if (namepat.test(name)==false)
  92.                 {
  93.                     document.getElementById("errName").style.color="red";
  94.                     document.getElementById("errName").innerHTML="name invalid";
  95.                 }
  96.                 else
  97.                 {
  98.                     document.getElementById("errName").style.color="green";
  99.                     document.getElementById("errName").innerHTML="success";
  100.                 }
  101.             }
  102.         }
  103.  
  104.         function fnMno()
  105.         {
  106.             var mno=document.getElementById("txtMobileNo").value;
  107.             var mnopat=/^[0-9]{10}$/;
  108.             if (mno=="")
  109.             {
  110.                 document.getElementById("errMNO").style.color="red";
  111.                 document.getElementById("errMNO").innerHTML="mobile no required";
  112.             }
  113.             else
  114.             {
  115.                 if (mnopat.test(mno)==false)
  116.                 {
  117.                     document.getElementById("errMNO").style.color="red";
  118.                     document.getElementById("errMNO").innerHTML="mobile no invalid";
  119.                 }
  120.                 else
  121.                 {
  122.                     document.getElementById("errMNO").style.color="green";
  123.                     document.getElementById("errMNO").innerHTML="success";
  124.                 }
  125.             }
  126.         }
  127.  
  128.         function fnMail()
  129.         {
  130.             var mail=document.getElementById("txtMail").value;
  131.             var mailpat=/^[a-z0-9]+[@]+[a-z]+[.]+[a-z]{2,}$/;
  132.             if (mail=="")
  133.             {
  134.                 document.getElementById("errMail").style.color="red";
  135.                 document.getElementById("errMail").innerHTML="mail required";
  136.             }
  137.             else
  138.             {
  139.                 if (mailpat.test(mail)==false)
  140.                 {
  141.                     document.getElementById("errMail").style.color="red";
  142.                     document.getElementById("errMail").innerHTML="mail invalid";
  143.                 }
  144.                 else
  145.                 {
  146.                     document.getElementById("errMail").style.color="green";
  147.                     document.getElementById("errMail").innerHTML="success";
  148.                 }
  149.             }
  150.         }
  151.  
  152.  
  153.         function fnMark1()
  154.         {
  155.             var mark1=document.getElementById("txtMark1").value;
  156.             var mark1pat=/^[0-9]{1,}$/;
  157.             if (mark1=="")
  158.             {
  159.                 document.getElementById("errMark1").style.color="red";
  160.                 document.getElementById("errMark1").innerHTML="Mark required";
  161.             }
  162.             else
  163.             {
  164.                 if (mark1pat.test(mark1)==false)
  165.                 {
  166.                     document.getElementById("errMark1").style.color="red";
  167.                     document.getElementById("errMark1").innerHTML="mark invalid";
  168.                 }
  169.                 else
  170.                 {
  171.                     document.getElementById("errMark1").style.color="green";
  172.                     document.getElementById("errMark1").innerHTML="success";
  173.                 }
  174.             }
  175.         }
  176.  
  177.         function fnMark2()
  178.         {
  179.             var mark2=document.getElementById("txtMark2").value;
  180.             var mark2pat=/^[0-9]{1,}$/;
  181.             if (mark2=="")
  182.             {
  183.                 document.getElementById("errMark2").style.color="red";
  184.                 document.getElementById("errMark2").innerHTML="Mark required";
  185.             }
  186.             else
  187.             {
  188.                 if (mark2pat.test(mark2)==false)
  189.                 {
  190.                     document.getElementById("errMark2").style.color="red";
  191.                     document.getElementById("errMark2").innerHTML="mark invalid";
  192.                 }
  193.                 else
  194.                 {
  195.                     document.getElementById("errMark2").style.color="green";
  196.                     document.getElementById("errMark2").innerHTML="success";
  197.                 }
  198.             }
  199.         }
  200.  
  201.         function fnPassword()
  202.         {
  203.             var password=document.getElementById("txtPassword").value;
  204.             var passwordpat=/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$_]).{8,}$/;
  205.  
  206.             //EASY eight length all letter
  207.             // var passwordpat=/^([a-zA-Z0-9@#$_]{8,}$/;
  208.             if (password=="")
  209.             {
  210.                 document.getElementById("errPassword").style.color="red";
  211.                 document.getElementById("errPassword").innerHTML="password required";
  212.             }
  213.             else
  214.             {
  215.                 if (passwordpat.test(password)==false)
  216.                 {
  217.                     document.getElementById("errPassword").style.color="red";
  218.                     document.getElementById("errPassword").innerHTML="password invalid<br>";
  219.                     document.getElementById("errPassword").innerHTML+="one capital letter<br>";
  220.                     document.getElementById("errPassword").innerHTML+="one small letter <br>";
  221.                     document.getElementById("errPassword").innerHTML+="one special character<br>";
  222.                     document.getElementById("errPassword").innerHTML+="8 characater long";
  223.                 }
  224.                 else
  225.                 {
  226.                     document.getElementById("errPassword").style.color="green";
  227.                     document.getElementById("errPassword").innerHTML="success";
  228.                 }
  229.             }
  230.         }
  231.  
  232.         function fnProcess()
  233.         {
  234.             var id=document.getElementById("txtId").value;
  235.             var roll=document.getElementById("txtRollNo").value;
  236.             var name=document.getElementById("txtName").value;
  237.             var mno=document.getElementById("txtMobileNo").value;
  238.             var mail=document.getElementById("txtMail").value;
  239.             var mark1=document.getElementById("txtMark1").value;
  240.             var mark2=document.getElementById("txtMark2").value;
  241.             var password=document.getElementById("txtPassword").value;
  242.  
  243.             var tbl,row,count=1;
  244.             var c1,c2,c3,c4,c5,c6,c7,c8,c9;
  245.  
  246.             var total;
  247.             var m1=parseInt(mark1),m2=parseInt(mark2);
  248.             total=(m1+m2);
  249.  
  250.             tbl=document.getElementById("tblshow");
  251.             row=tbl.insertRow(count);
  252.  
  253.             c1=row.insertCell(0);
  254.             c2=row.insertCell(1);
  255.             c3=row.insertCell(2);
  256.             c4=row.insertCell(3);
  257.             c5=row.insertCell(4);
  258.             c6=row.insertCell(5);
  259.             c7=row.insertCell(6);
  260.             c8=row.insertCell(7);
  261.             c9=row.insertCell(8);
  262.  
  263.             c1.innerHTML=id;
  264.             c2.innerHTML=roll;
  265.             c3.innerHTML=name;
  266.             c4.innerHTML=mno;
  267.             c5.innerHTML=mail;
  268.             c6.innerHTML=mark1;
  269.             c7.innerHTML=mark2;
  270.             c8.innerHTML=total;
  271.             c9.innerHTML=password;
  272.  
  273.             count+=1;
  274.  
  275.             document.cookie="id="+id+"";
  276.             localStorage.setItem("id=",id.value);
  277.         }
  278.  
  279.     </script>
  280. </head>
  281. <body>
  282.     <form action="" method="post" id="form1">
  283.         <table>
  284.             <tr>
  285.                 <th>Enter ID:</th>
  286.                 <td><input type="text" name="" id="txtId" placeholder="Enter ID" oninput="fnID()"></td>
  287.                 <td><span id="errId"></span><br></td>
  288.             </tr>
  289.             <tr>
  290.                 <th>Enter Roll No:</th>
  291.                 <td><input type="text" name="" id="txtRollNo" placeholder="Enter RollNo" oninput="fnRoll()"></th>
  292.                 <td><span id="errRollNo"></span></th>
  293.             </tr>
  294.             <tr>
  295.                 <th>Name:</th>
  296.                 <td><input type="text" name="" id="txtName" placeholder="Enter Name" oninput="fnName()"></th>
  297.                 <td><span id="errName"></span></th>
  298.             </tr>
  299.             <tr>
  300.                 <th>Mobile No:</th>
  301.                 <td><input type="text" name="" id="txtMobileNo" placeholder="Enter Mobile No" oninput="fnMno()"></td>
  302.                 <td><span id="errMNO"></span></td>
  303.             </tr>
  304.             <tr>
  305.                 <th>Email:</th>
  306.                 <td><input type="text" name="" id="txtMail" placeholder="Enter Mail" oninput="fnMail()"></td>
  307.                 <td><span id="errMail"></span></td>
  308.             </tr>
  309.             <tr>
  310.                 <th>Mark1:</th>
  311.                 <td><input type="text" name="" id="txtMark1" placeholder="Enter Mark 1" oninput="fnMark1()"></td>
  312.                 <td><span id="errMark1"></span></td>
  313.             </tr>
  314.             <tr>
  315.                 <th>Mark2:</th>
  316.                 <td><input type="text" name="" id="txtMark2" placeholder="Enter Mark 2" oninput="fnMark2()"></td>
  317.                 <td><span id="errMark2"></span></td>
  318.             </tr>
  319.             <tr>
  320.                 <th>Password:</th>
  321.                 <td><input type="text" name="" id="txtPassword" placeholder="Enter Password" oninput="fnPassword()"></td>
  322.                 <td><span id="errPassword"></span></td>
  323.             </tr>
  324.             <tr>
  325.                 <td rowspan="2">
  326.                     <input type="button" value="Submit" id="btnSubmit" onclick="fnProcess()">
  327.                 </td>                
  328.             </tr>
  329.         </table>
  330.         <hr>
  331.         <table id="tblshow" border="1">
  332.             <tr>
  333.                 <th>ID</th>
  334.                 <th>Roll NO</th>
  335.                 <th>Name</th>
  336.                 <th>Mobile NO</th>
  337.                 <th>Email</th>
  338.                 <th>Mark1</th>
  339.                 <th>Mark2</th>
  340.                 <th>Total</th>
  341.                 <th>Password</th>
  342.             </tr>
  343.         </table>
  344.     </form>
  345. </body>
  346. </html>
Tags: kt
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!