Posts

Showing posts from October, 2018

jQuery Hide & Show Example

<!DOCTYPE html> <html> <head>     <title>Hide Method</title>     <script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript">         $(document).ready(function(){             $("#button").click(function(){                 $("#textbox").hide();             });         });     </script> </head> <body> <form id="form">     <input type="text" id="textbox" value="Hello World" readonly=""><br>     <input type="button" id="button" value="Submit"> </form> </body> </html>
Post a Comment
Read more

jQuery Dropdown Example

<!DOCTYPE html> <html> <head>     <title>Dropdown</title>     <script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript">         $(document).ready(function(){             $("#dropdown").change(function(){                 if($("#dropdown").val()=="rajkot"){                     alert("Your City is Rajkot");                 }             });             $("#button").click(function(){                 if($("#dropdown").val()=="select"){   ...
Post a Comment
Read more

jQuery Radio Button Validation Example

<!DOCTYPE html> <html> <head>     <title>Radio</title>     <script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript">         $(document).ready(function(){             $("#button").click(function(){                 if($("#radio1").is(":checked")==false && $("#radio2").is(":checked")==false){                 alert("Select Gender");                 return false;             }                            });         });  ...
Post a Comment
Read more

jQuery Checkbox Validation Example

<!DOCTYPE html> <html> <head>     <title>Checkbox</title>     <script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript">         $(document).ready(function(){             $("#button").click(function(){                 if($("#checkbox1").is(":checked")==true){                     alert("You Select First Checkbox");                 }                 else                 {                     alert("Please S...
Post a Comment
Read more

jQuery Empty Field Validation Example

<html> <head>     <title>Textbox</title>     <script type="text/javascript" src="jquery.js"></script>     <script>         $(document).ready(function(){             $("#button").click(function(){                 if($("#username").val()==''){                     document.getElementById("uname").innerHTML="Username Required";                     return false;                 }                 if($("#password").val()=...
Post a Comment
Read more

jQuery Toggle Example

<!DOCTYPE html> <html> <head>     <title>Toggle Method</title>     <script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript">         $(document).ready(function(){             $("#button").click(function(){                 $("#message").toggle();             });         });     </script> </head> <body> <form id="form">     <input type="button" id="button" value="Toggle"><br>     <p id="message">Hello World</p> </form> </body> </html>
Post a Comment
Read more

jQuery Compare Password Example

<!DOCTYPE html> <html> <head>     <title>Compare Password</title>     <script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript">         $(document).ready(function(){             $("#button").click(function(){                 if($("#password").val() == $("#cpassword").val()){                 alert("Password Matched");             }             else{                 alert("Password Not Matched");             }             }); ...
Post a Comment
Read more

jQuery Show Password Example

<!DOCTYPE html> <html> <head>     <title>Show Password</title>     <script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript">         function show_password(){             var pw=document.getElementById("mypassword");             if($("#checkbox1").is(":checked")==true){                 pw.type="text";             }             else{                 pw.type="password";             }         }              ...
Post a Comment
Read more

jQuery Opacity Example

<!DOCTYPE html> <html> <head>     <title>Animation</title>     <script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript">         $(document).ready(function(){             $("#button").click(function(){                 $("#image1").animate({                                        opacity: '0.2',                 });             });         });     </script> </head> <body> <form id="for...
1 comment
Read more