Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- HTML CODES -------
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <style>
- </style>
- <title>Test</title>
- <body>
- <form id="mainform" action="http://google.lk">
- <b>Name: </b> <input id="txtbox" type="text" value="type your name" />
- <input id="submitbtn" type="submit" />
- <br /><br />
- <h3 id="emessage"></h3>
- </form>
- <script src="mains.js"></script>
- </body>
- </html>
- --------------------------------------------------------------------------------------------------------
- Javascript CODES (mains.js) -------
- var namebox = document.getElementById("txtbox");
- namebox.onfocus = function () {
- if (namebox.value == "type your name") {
- namebox.value = "";
- }
- };
- namebox.onblur = function () {
- if (namebox.value == "") {
- namebox.value = "type your name";
- }
- };
- function formhandle () {
- document.getElementById("mainform").onsubmit = function () {
- if (document.getElementById("txtbox").value == "" || document.getElementById("txtbox").value == "type your name") {
- document.getElementById("emessage").innerHTML = "Fill The Name";
- 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....
- } else {
- document.getElementById("emessage").innerHTML = "";
- return true;
- }
- };
- }
- window.onload = function () {
- formhandle();
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement