Advertisement
cheatax

Source Code - Javascript Form Handling - By CheaTax

Jul 16th, 2012
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. HTML CODES -------
  2.  
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6. <style>
  7.  
  8. </style>
  9. <title>Test</title>
  10. <body>
  11. <form id="mainform" action="http://google.lk">
  12. <b>Name: </b>&nbsp;<input id="txtbox" type="text" value="type your name" />&nbsp;&nbsp;
  13. <input id="submitbtn" type="submit" />
  14. <br /><br />
  15. <h3 id="emessage"></h3>
  16. </form>
  17.  
  18. <script src="mains.js"></script>
  19. </body>
  20. </html>
  21.  
  22.  
  23. --------------------------------------------------------------------------------------------------------
  24.  
  25.  
  26. Javascript CODES (mains.js) -------
  27.  
  28.  
  29. var namebox = document.getElementById("txtbox");
  30. namebox.onfocus = function () {
  31.     if (namebox.value == "type your name") {
  32.         namebox.value = "";
  33.     }
  34. };
  35.  
  36. namebox.onblur = function () {
  37.     if (namebox.value == "") {
  38.         namebox.value = "type your name";
  39.     }
  40. };
  41.  
  42. function formhandle () {
  43.     document.getElementById("mainform").onsubmit = function () {
  44.         if (document.getElementById("txtbox").value == "" || document.getElementById("txtbox").value == "type your name") {
  45.             document.getElementById("emessage").innerHTML = "Fill The Name";
  46.             return false; //meka danne site ekata yanna bari wenawa textbox eka empty nam...dakkada error ekak tyenawa..a thamam meke default value ekak tyena nisa..dan ekath hdamu....
  47.         } else {
  48.             document.getElementById("emessage").innerHTML = "";
  49.             return true;
  50.         }
  51.     };
  52.  
  53. }
  54.  
  55. window.onload = function () {
  56.     formhandle();
  57. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement