Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <style type="text/css">
- //di ko kabalo
- </style>
- <script type="text/javascript">
- function allLetter(inputtxt)
- {
- var letters = /^[A-Za-z]+$/;
- if(inputtxt.value.match(letters))
- {
- return true;
- }
- else
- {
- alert("ERROR NAME, don't leave it empty, either you placed numbers, use A-Z only!");
- return false;
- }
- }
- function validate(){
- var genderM=document.getElementById("male");
- var genderF=document.getElementById("female");
- var genderO=document.getElementById ("others")
- var t1 = document.getElementById("fname");
- var t2 = document.getElementById("fLname");
- var t3 = document.getElementById("fMname");
- var t4 = document.getElementById("age")
- var t5 = document.getElementById("bday")
- var t6 = document.getElementById("email")
- var t7 = document.getElementById("pass")
- var t8 = document.getElementById("address ")
- if(t1.value != "" &&t2.value != "" &&t3.value != "" &&t6.value != "" &&t7.value != "" && genderM.checked==false && genderF.checked==false && genderO.checked==false ){
- if(t1.value == t2.value && t3.value && t4.value&& t5.value&& t6.value&& t7.value&& t8.value ){
- return true;
- }
- }
- alert("The values should not be blank!");
- return false;
- }
- </script>
- <title></title>
- </head>
- <body>
- <center>
- <h1>FORM VALIDATION</h1>
- <form onsubmit="return validate() " name="nForm" method="post">
- Name: <input type="text" name="fname" id="fname">
- <br>
- Last Name: <input type="text" name="fLname" id="fLname">
- <br>
- Middle Name: <input type="text" name="fMname" id="fMname">
- <br>
- AGE: <input type="number" name="age" id="age">
- <br>
- Gender:
- <br>
- <input type="radio" name="gender" value="male" > Male<br>
- <input type="radio" name="gender" value="female"> Female<br>
- <input type="radio" name="gender" value="other"> Other <br>
- ADDRESS: <input type="text" name="textbox" id="address">
- <br>
- Birthday: <input type="date" name="bday" id="bday">
- <br>
- Email Address: <input type="email" name="email" id="email">
- <br>
- Password:<input type="password" name="pass" id="pass">
- <br>
- <input type="submit" value="Submit" onClick="allLetter(document.nForm.fname && document.nForm.fMname && document.nForm.fLname)">
- <input type="button" value="Clear" onClick="window.location.reload();">
- </form>
- </center>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement