1<html>
2<body>
3<form id="form1" runat="server">
4 <div class="container">
5 <div class="main">
6 <h2>
7 Javascript Login Form Validation</h2>
8 <form id="form_id" method="post" name="myform">
9 <label>
10 User Name :</label>
11 <input type="text" name="username" id="username" />
12 <br><br>
13 <label>
14 Password :</label>
15 <input type="password" name="password" id="password" />
16 <input type="button" value="Login" id="submit" onclick="validate();" />
17 </form>
18 </div>
19 </div>
20 </form>
21</html>
22</body>
1<script language = "JavaScript">
2 function validate() {
3 var username = document.getElementById("username").value;
4 var password = document.getElementById("password").value;
5 if (username == null || username == "") {
6 alert("Please enter the username.");
7 return false;
8 }
9 if (password == null || password == "") {
10 alert("Please enter the password.");
11 return false;
12 }
13 alert('Login successful');
14
15 }
16</script>