Advertisement
Guest User

tits

a guest
Sep 19th, 2019
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.40 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style type="text/css">
  5. //di ko kabalo
  6. </style>
  7.     <script type="text/javascript">
  8. function allLetter(inputtxt)
  9.   {
  10.    var letters = /^[A-Za-z]+$/;
  11.    if(inputtxt.value.match(letters))
  12.      {
  13.       return true;
  14.      }
  15.    else
  16.      {
  17.      alert("ERROR NAME, don't leave it empty, either you placed numbers, use A-Z only!");
  18.      return false;
  19.      }
  20.   }
  21.         function validate(){
  22.             var genderM=document.getElementById("male");
  23.             var genderF=document.getElementById("female");
  24.             var genderO=document.getElementById ("others")
  25.             var t1 = document.getElementById("fname");
  26.             var t2 = document.getElementById("fLname");
  27.             var t3 = document.getElementById("fMname");
  28.             var t4 = document.getElementById("age")
  29.             var t5 = document.getElementById("bday")
  30.             var t6 = document.getElementById("email")
  31.             var t7 = document.getElementById("pass")
  32.             var t8 = document.getElementById("address   ")
  33.             if(t1.value != "" &&t2.value != "" &&t3.value != "" &&t6.value != "" &&t7.value != ""  && genderM.checked==false && genderF.checked==false && genderO.checked==false ){
  34.                 if(t1.value == t2.value &&  t3.value && t4.value&& t5.value&& t6.value&& t7.value&& t8.value ){
  35.                 return true;
  36.             }
  37.         }
  38.             alert("The values should not be blank!");      
  39.             return false;
  40.  
  41.         }
  42.  
  43.     </script>
  44.     <title></title>
  45. </head>
  46. <body>
  47.     <center>
  48.     <h1>FORM VALIDATION</h1>
  49. <form onsubmit="return validate() " name="nForm" method="post">
  50.   Name: <input type="text" name="fname" id="fname">
  51.   <br>
  52.   Last Name: <input type="text" name="fLname" id="fLname">
  53.   <br>
  54.   Middle Name: <input type="text" name="fMname" id="fMname">
  55.   <br>
  56.   AGE: <input type="number" name="age" id="age">
  57.   <br>
  58.   Gender:
  59.   <br>
  60.   <input type="radio" name="gender" value="male" > Male<br>
  61.   <input type="radio" name="gender" value="female"> Female<br>
  62.   <input type="radio" name="gender" value="other"> Other  <br>
  63.   ADDRESS: <input type="text" name="textbox" id="address">
  64.   <br>
  65.   Birthday: <input type="date" name="bday" id="bday">
  66.   <br>
  67.   Email Address: <input type="email" name="email" id="email">
  68.   <br>
  69.   Password:<input type="password" name="pass" id="pass">
  70.   <br>
  71.   <input type="submit" value="Submit" onClick="allLetter(document.nForm.fname && document.nForm.fMname && document.nForm.fLname)">
  72.   <input type="button" value="Clear" onClick="window.location.reload();">
  73. </form>
  74. </center>
  75. </body>
  76. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement