pastebin

Paste Search Dynamic
Recent pastes
verifyInput
  1.  
  2. // The event handler function to compute the total cost
  3. //function to determine if a field is blank
  4. var pswd;
  5.  
  6. function checksid(){
  7.    
  8.         sid = document.getElementById('sid');
  9.        
  10.         var  re = /[0-9]/;
  11.     if( ! re.test(sid.value)) {
  12.                 alert("Password must contain at least one digit");
  13.                 return false;
  14.     }
  15.         re = /[A-Z]/;
  16.     if( ! re.test(pswd1.value)) {
  17.                 alert("Password must contain at least one uppercase letter");
  18.                 return false;
  19.     }   
  20.         re = /[a-z]/;
  21.     if( ! re.test(pswd1.value)) {
  22.                 alert("Password must contain at least one lowercase letter");
  23.                 return false;
  24.     }
  25.         if( pswd1.value.length < 6) {
  26.                 alert("Password must have at least 6 characters");
  27.                 return false;
  28.     }   
  29.         if (pswd1.value == pswd2.value) {
  30.                 alert("Good Passwords");
  31.                 return true;
  32.         } else {
  33.                 alert("Passwords don't match");
  34.                 return false;
  35.         }
  36.        
  37. }
  38.  
  39. function isBlank(inputField){
  40.     if(inputField.type=="checkbox"){
  41.                 if(inputField.checked)
  42.                         return false;
  43.                 return true;
  44.     }
  45.     if (inputField.value==""){
  46.                 return true;
  47.     }
  48.     return false;
  49. }
  50.  
  51. //function to highlight an error through colour by adding css attributes tot he div passed in
  52. function makeRed(inputDiv){
  53.         inputDiv.style.backgroundColor="#AA0000";
  54.         //inputDiv.parentNode.style.backgroundColor="#AA0000";
  55.         inputDiv.parentNode.style.color="#FFFFFF";             
  56. }
  57.  
  58. //remove all error styles from the div passed in
  59. function makeClean(inputDiv){
  60.         inputDiv.parentNode.style.backgroundColor="#FFFFFF";
  61.         inputDiv.parentNode.style.color="#000000";             
  62. }
  63.  
  64. //the main function must occur after the page is loaded, hence being inside the wondow.onload event handler.
  65. window.onload = function(){
  66.     var myForm = document.getElementById("addForm");
  67.  
  68.     //all inputs with the class required are looped through
  69.     var requiredInputs = document.querySelectorAll(".required");
  70.     for (var i=0; i < requiredInputs.length; i++){
  71.                 requiredInputs[i].onfocus = function(){
  72.                         this.style.backgroundColor = "#EEEE00";
  73.                 }
  74.     }
  75.  
  76.     on submitting the form, "empty" checks are performed on required inputs.
  77.     myForm.onsubmit = function(e){
  78.                 var requiredInputs = document.querySelectorAll(".required");
  79.                 for (var i=0; i < requiredInputs.length; i++){
  80.                         if( isBlank(requiredInputs[i]) ){
  81.                                 e.preventDefault();
  82.                                 makeRed(requiredInputs[i]);
  83.                         }
  84.                         else{
  85.                                 makeClean(requiredInputs[i]);
  86.                         }
  87.                 }
  88.                
  89.         }  
  90. }
Parsed in 0.015 seconds