&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&nbsp;&lt;title&gt;Login Page&lt;/title&gt;
&nbsp;&lt;script&gt;
&nbsp;&nbsp;function validateForm() {
&nbsp;&nbsp;&nbsp;var username = document.forms["loginForm"]["username"].value;
&nbsp;&nbsp;&nbsp;var password = document.forms["loginForm"]["password"].value;
 
&nbsp;&nbsp;&nbsp;if (username == "" || password == "") {
&nbsp;&nbsp;&nbsp;&nbsp;alert("Please fill in all fields");
&nbsp;&nbsp;&nbsp;&nbsp;return false;
&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;}
&nbsp;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&nbsp;&lt;h2&gt;Login Page&lt;/h2&gt;
&nbsp;&lt;form name="loginForm" onsubmit="return validateForm()" method="post"&gt;
&nbsp;&nbsp;&lt;label for="username"&gt;Username:&lt;/label&gt;
&nbsp;&nbsp;&lt;input type="text" id="username" name="username" required&gt;&lt;br&gt;&lt;br&gt;
 
&nbsp;&nbsp;&lt;label for="password"&gt;Password:&lt;/label&gt;
&nbsp;&nbsp;&lt;input type="password" id="password" name="password" required&gt;&lt;br&gt;&lt;br&gt;
 
&nbsp;&nbsp;&lt;input type="submit" value="Login"&gt;
&nbsp;&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

Open Weaver – Develop Applications Faster with Open Source

kandi

Community and Support

Company

Follow