API tools faq
paste
Advertisement
stronk_8s

js kt rough

stronk_8s
Nov 2nd, 2023
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 9.54 KB | Source Code | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Practical 1</title>
  7.     <script>
  8.  
  9.         function fnCode()
  10.         {
  11.             var id=document.getElementById("txtId").value;
  12.             var regx=/^[STD]{3}[0-9]{1,}$/
  13.             if(id=="")
  14.             {
  15.                 document.getElementById("errId").style.color="red";
  16.                 document.getElementById("errId").innerHTML="Code Required";
  17.             }
  18.             else
  19.             {
  20.                 if (regx.test(id)==false) {
  21.                     document.getElementById("errId").style.color="red";
  22.                     document.getElementById("errId").innerHTML="Code must start with STD followed by digit";
  23.                 } else {
  24.                     document.getElementById("errId").style.color="green";
  25.                     document.getElementById("errId").innerHTML="success";
  26.                 }
  27.             }
  28.         }
  29.  
  30.         function fnName()
  31.         {
  32.             var name=document.getElementById("txtName").value;
  33.             var regex=/^[a-z]{1,}$/i;
  34.  
  35.             if(name=="")
  36.             {
  37.                 document.getElementById("errName").style.color="red";
  38.                 document.getElementById("errName").innerHTML="name required";
  39.             }
  40.             else
  41.             {
  42.                 if (regex.test(name)==false) {
  43.                     document.getElementById("errName").style.color="red";
  44.                     document.getElementById("errName").innerHTML="name must be alphabets";
  45.                 } else {
  46.                     document.getElementById("errName").style.color="green";
  47.                     document.getElementById("errName").innerHTML="success";
  48.                 }
  49.             }
  50.         }
  51.  
  52.         function fnMail()
  53.         {
  54.             var mail=document.getElementById("txtMail").value;
  55.             var regex=/^[a-z0-9]+[@]+[a-z]+[.]+[a-z]{2,3}$/;
  56.  
  57.             if(mail=="")
  58.             {
  59.                 document.getElementById("errMail").style.color="red";
  60.                 document.getElementById("errMail").innerHTML="mail required";
  61.             }
  62.             else
  63.             {
  64.                 if (regex.test(mail)==false) {
  65.                     document.getElementById("errMail").style.color="red";
  66.                     document.getElementById("errMail").innerHTML="invalid mail";
  67.                 } else {
  68.                     document.getElementById("errMail").style.color="green";
  69.                     document.getElementById("errMail").innerHTML="success";
  70.                 }
  71.             }
  72.         }
  73.  
  74.         function fnPassword()
  75.         {
  76.             var password=document.getElementById("txtPassword").value;
  77.             var regex=/^(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%_]).{8,}$/;
  78.  
  79.             if(password=="")
  80.             {
  81.                 document.getElementById("errPassword").style.color="red";
  82.                 document.getElementById("errPassword").innerHTML="password required";
  83.             }
  84.             else
  85.             {
  86.                 if (regex.test(password)==false) {
  87.                     document.getElementById("errPassword").style.color="red";
  88.                     document.getElementById("errPassword").innerHTML="invalid password<br>";
  89.                     document.getElementById("errPassword").innerHTML+="onn capital letter<br>";
  90.                     document.getElementById("errPassword").innerHTML+="one digit<br>";
  91.                     document.getElementById("errPassword").innerHTML+="one special character(@#$%_!)<br>";
  92.                     document.getElementById("errPassword").innerHTML+="must be 8 letter long<br>";
  93.                 } else {
  94.                     document.getElementById("errPassword").style.color="green";
  95.                     document.getElementById("errPassword").innerHTML="success";
  96.                 }
  97.             }
  98.         }
  99.  
  100.         function fnMark1()
  101.         {
  102.             var m1=document.getElementById("txtMark1").value;
  103.            
  104.             var regx=/^[0-9]{1,}$/;
  105.  
  106.             if (m1=="") {
  107.                 document.getElementById("errMark1").style.color="red";
  108.                 document.getElementById("errMark1").innerHTML="Mark Required";
  109.             } else {
  110.                 if (regx.test(m1)==false) {
  111.                     document.getElementById("errMark1").style.color="red";
  112.                     document.getElementById("errMark1").innerHTML="Mark must be digit";
  113.                 } else {
  114.                     document.getElementById("errMark1").style.color="green";
  115.                     document.getElementById("errMark1").innerHTML="successs";
  116.                 }
  117.             }
  118.         }
  119.  
  120.         function fnMark2()
  121.         {
  122.             var m2=document.getElementById("txtMark2").value;            
  123.             var regx=/^[0-9]{1,}$/;
  124.  
  125.             if (m2=="") {
  126.                 document.getElementById("errMark2").style.color="red";
  127.                 document.getElementById("errMark2").innerHTML="Mark Required";
  128.             } else {
  129.                 if (regx.test(m2)==false) {
  130.                     document.getElementById("errMark2").style.color="red";
  131.                     document.getElementById("errMark2").innerHTML="Mark must be digit";
  132.                 } else {
  133.                     document.getElementById("errMark2").style.color="green";
  134.                     document.getElementById("errMark2").innerHTML="successs";
  135.                 }
  136.             }
  137.         }
  138.  
  139.         function fnProcess()
  140.         {
  141.             var id=document.getElementById("txtId").value;
  142.             var name=document.getElementById("txtName").value;
  143.             var mail=document.getElementById("txtMail").value;
  144.             var password=document.getElementById("txtPassword").value;
  145.             var mark1=document.getElementById("txtMark1").value;
  146.             var mark2=document.getElementById("txtMark2").value;            
  147.  
  148.             var total,percentage;            
  149.             var m1=parseFloat(mark1),m2=parseFloat(mark2);
  150.             total=(m1+m2);
  151.             percentage=(parseFloat(total)/2);
  152.  
  153.             var table,row,count=1;
  154.             var c1,c2,c3,c4,c5,c6,c7,c8;
  155.  
  156.             table=document.getElementById("tblShow");
  157.             row=table.insertRow(count);
  158.  
  159.             c1=row.insertCell(0);
  160.             c2=row.insertCell(1);
  161.             c3=row.insertCell(2);
  162.             c4=row.insertCell(3);
  163.             c5=row.insertCell(4);
  164.             c6=row.insertCell(5);
  165.             c7=row.insertCell(6);
  166.             c8=row.insertCell(7);
  167.  
  168.             c1.innerHTML=id;
  169.             c2.innerHTML=name;
  170.             c3.innerHTML=mail;
  171.             c4.innerHTML=m1;
  172.             c5.innerHTML=m2;
  173.             c6.innerHTML=total;
  174.             c7.innerHTML=percentage;
  175.             c8.innerHTML=password;
  176.            
  177.             count+=1;
  178.  
  179.             document.cookie="id="+id+";";
  180.         }
  181.     </script>
  182. </head>
  183. <body>
  184.     <form action="" method="post">
  185.         <table>
  186.             <tr>
  187.                 <th>
  188.                     Enter Code:
  189.                 </th>
  190.                 <td>
  191.                     <input type="text" name="txtId" id="txtId" oninput="fnCode()">
  192.                 </td>
  193.                 <td>
  194.                     <span id="errId"></span>
  195.                 </td>
  196.             </tr>
  197.             <tr>
  198.                 <th>
  199.                     Enter Name:
  200.                 </th>
  201.                 <td>
  202.                     <input type="text" name="txtName" id="txtName" oninput="fnName()">
  203.                 </td>
  204.                 <td>
  205.                     <span id="errName"></span>
  206.                 </td>
  207.             </tr>
  208.             <tr>
  209.                 <th>
  210.                     Enter Mail:
  211.                 </th>
  212.                 <td>
  213.                     <input type="text" name="txtMail" id="txtMail" oninput="fnMail()">
  214.                 </td>
  215.                 <td>
  216.                     <span id="errMail"></span>
  217.                 </td>
  218.             </tr>
  219.             <tr>
  220.                 <th>
  221.                     Enter Mark1:
  222.                 </th>
  223.                 <td>
  224.                     <input type="text" name="txtMark1" id="txtMark1" oninput="fnMark1()">
  225.                 </td>
  226.                 <td>
  227.                     <span id="errMark1"></span>
  228.                 </td>
  229.             </tr>
  230.             <tr>
  231.                 <th>
  232.                     Enter Mark2:
  233.                 </th>
  234.                 <td>
  235.                     <input type="text" name="txtMark2" id="txtMark2" oninput="fnMark2()">
  236.                 </td>
  237.                 <td>
  238.                     <span id="errMark2"></span>
  239.                 </td>
  240.             </tr>
  241.             <tr>
  242.                 <th>
  243.                     Enter Password:
  244.                 </th>
  245.                 <td>
  246.                     <input type="text" name="txtPassword" id="txtPassword" oninput="fnPassword()">
  247.                 </td>
  248.                 <td>
  249.                     <span id="errPassword"></span>
  250.                 </td>
  251.             </tr>
  252.             <tr>
  253.                 <td>
  254.                     <input type="button" value="Submit" id="btnSubmit" onclick="fnProcess()">
  255.                 </td>
  256.             </tr>
  257.         </table>
  258.         <hr>
  259.         <table id="tblShow" border="1">
  260.             <tr>
  261.                 <th>Code</th>
  262.                 <th>Name</th>
  263.                 <th>Mail</th>
  264.                 <th>Mark1</th>
  265.                 <th>Mark2</th>
  266.                 <th>Total</th>
  267.                 <th>Percentage</th>
  268.                 <th>Password</th>
  269.             </tr>
  270.         </table>
  271.     </form>
  272. </body>
  273. </html>
Tags: js kt 2
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!