daily pastebin goal
34%
SHARE
TWEET

Untitled

a guest May 23rd, 2018 82 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.     <head>
  3.         <title>Validation</title>
  4.         <script>
  5.             function checkAll(){
  6.                     if(checkUID() && checkPWD() && checkAge() && checkEmail() && checkName() && checkPhone() && checkCPWD())
  7.                         return true;
  8.                     else
  9.                         return false;
  10.             }
  11.            
  12.             function checkName(){
  13.                 if(document.f1.name.value.length == 0){
  14.                     document.getElementById("nameErr").innerText=" * Name should not be empty";
  15.                     return false;
  16.                 }else{
  17.                     document.getElementById("nameErr").innerText="";
  18.                     return true;
  19.                 }
  20.             }
  21.            
  22.             function checkUID(){
  23.                 if(document.f1.uid.value.length == 0){
  24.                     document.getElementById("UIDErr").innerText=" * User ID should not be empty";
  25.                     return false;
  26.                 }else{
  27.                     document.getElementById("UIDErr").innerText="";
  28.                     return true;
  29.                 }
  30.             }
  31.            
  32.             function checkPWD(){
  33.                 if(document.f1.pwd.value.length == 0){
  34.                     document.getElementById("pwdErr").innerText=" * Password should not be empty";
  35.                     return false;
  36.                 }else if(document.f1.pwd.value.length <6 || document.f1.pwd.value.length >16){
  37.                     document.getElementById("pwdErr").innerText=" * Password should be between 6 and 16 characters";
  38.                 }else if(document.f1.pwd.value.length >=6 && document.f1.pwd.value.length <=10){
  39.                     document.getElementById("pwdErr").innerText=" * Strength: Poor";
  40.                 }else{
  41.                     document.getElementById("pwdErr").innerText=" * Strength: Strong";
  42.                     return true;
  43.                 }
  44.             }
  45.            
  46.             function checkCPWD(){
  47.                 if(document.f1.cpwd.value.length == 0){
  48.                     document.getElementById("cpwdErr").innerText=" * Password should not be empty";
  49.                     return false;
  50.                 }else if(document.f1.pwd.value != document.f1.cpwd.value){
  51.                     document.getElementById("cpwdErr").innerText=" * Password mismatch";
  52.                 }else {
  53.                     document.getElementById("cpwdErr").innerText=" * Password matched";
  54.                     return true;
  55.                 }
  56.             }
  57.            
  58.             function checkAge(){
  59.                 if(document.f1.age.value.length == 0){
  60.                     document.getElementById("ageErr").innerText=" * Age should not be empty";
  61.                     return false;
  62.                 }else if(isNaN(document.f1.age.value) || !((parseInt(document.f1.age.value)>=21) && (parseInt(document.f1.age.value)<95))){
  63.                     document.getElementById("ageErr").innerText=" * Age should be a number and between 21 - 95";
  64.                     return false;
  65.                 }else {
  66.                     document.getElementById("ageErr").innerText="";
  67.                     return true;
  68.                 }
  69.             }
  70.             function checkEmail(){
  71.                 if(document.f1.email.value.length == 0){
  72.                     document.getElementById("emailErr").innerText=" * Email should not be empty";
  73.                     return false;
  74.                 }else{
  75.                     document.getElementById("emailErr").innerText="";
  76.                     return true;
  77.                 }
  78.             }
  79.            
  80.             function checkPhone(){
  81.                 if(document.f1.phone.value.length == 0){
  82.                     document.getElementById("phoneErr").innerText=" * Phone number should not be empty";
  83.                     return false;
  84.                 }else if(isNaN(document.f1.phone.value) || !(document.f1.phone.value.length == 10)){
  85.                     document.getElementById("phoneErr").innerText=" * Phone number should be a number and is equal to 10 digits";
  86.                     return false;
  87.                 }else{
  88.                     document.getElementById("phoneErr").innerText="";
  89.                     return true;
  90.                 }
  91.             }
  92.             function checkGender(){
  93.                 if(document.f1.gender.value.length == 0){
  94.                     document.getElementById("genderErr").innerText=" * Select a gender";
  95.                     return false;
  96.                 }else{
  97.                     document.getElementById("genderErr").innerText="";
  98.                     return true;
  99.                 }
  100.             }
  101.         </script>
  102.     </head>
  103.    
  104.     <body>
  105.         <center>
  106.             <h2>Validation using JavaScript</h2>
  107.             <h4 style="color:red">Our bank never asks for confidential information such as PIN and OTP from customers<br/>
  108.             Any such call can be made by a fraudster. Please do not share personal info.</h4>
  109.             <br/>
  110.             <form action="#" method="post" name="f1" onSubmit="return checkAll();">
  111.                 <table>
  112.                     <tr>
  113.                         <td>Name</td>
  114.                         <td><input type="text" name="name" onKeyUp="checkName();" onChange="checkName();" required/><span id="nameErr"> * Name should not be empty</span></td>
  115.                     </tr>
  116.                     <tr>
  117.                         <td>User ID</td>
  118.                         <td><input type="text" name="uid" onKeyUp="checkUID();" onChange="checkUID();" required/><span id="UIDErr"> * UserID should not be empty</span></td>
  119.                     </tr>
  120.                     <tr>
  121.                         <td>Password</td>
  122.                         <td><input type="password" name="pwd" onKeyUp="checkPWD();" onChange="checkPWD();" required/><span id="pwdErr"> * Password should not be empty</span></td>
  123.                     </tr>
  124.                     <tr>
  125.                         <td>Confirm password</td>
  126.                         <td><input type="password" name="cpwd" onKeyUp="checkCPWD();" onChange="checkCPWD();" required/><span id="cpwdErr"> * Confirm Password should not be empty</span></td>
  127.                     </tr>
  128.                     <tr>
  129.                         <td>Age</td>
  130.                         <td><input type="text" name="age" onKeyUp="checkAge();" onChange="checkAge();" required/><span id="ageErr"> * Age should not be empty</span></td>
  131.                     </tr>
  132.                     <tr>
  133.                         <td>Email</td>
  134.                         <td><input type="email" name="email" onKeyUp="checkEmail();" onChange="checkEmail();" required/><span id="emailErr"> * Email should not be empty</span></td>
  135.                     </tr>
  136.                     <tr>
  137.                         <td>Phone</td>
  138.                         <td><input type="text" name="phone" onKeyUp="checkPhone();" onChange="checkPhone();" required/><span id="phoneErr"> * Phone number should not be empty</span></td>
  139.                     </tr>
  140.                     <tr>
  141.                         <td>Gender</td>
  142.                         <td><input type="radio" name="gender" value="male" onClick="checkGender();"/>Male &nbsp;<input type="radio" name="gender" value="female" onClick="checkGender();"/>Female <span id="genderErr"> * Select a gender</span></td>
  143.                     </tr>
  144.                     <tr>
  145.                         <td><br/></td>
  146.                         <td><br/></td>
  147.                     </tr>
  148.                     <tr>
  149.                         <td></td>
  150.                         <td><input type="submit" value="Register" />&nbsp;&nbsp;<input type="reset" value="Clear"/></td>
  151.                     </tr>
  152.                 </table>
  153.             </form>
  154.         </center>
  155.        
  156.     </body>
  157.  
  158.  
  159.  
  160. </html>
RAW Paste Data
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
 
Top