Untitled

<%--

    Document   : welcome
    Created on : Feb 23, 2017, 5:12:32 PM
    Author     : Shahnawaz Hossan

--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Welcome</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- script -->

        <script>

            function myfunction()
            {
                var type = document.getElementById("semester").value;

                var dhukse = 1;
                var passt=1;
                var emailt = 1;

                if (type == "0") {

                    document.getElementById("d").innerHTML = "Please select a User Type";

                    dhukse = 0;

                } else {

                    document.getElementById("d").innerHTML = null;

                }

                var email = document.getElementById("inputEmail3").value;

                if (email=="" ||email==null) {

                    document.getElementById("inputEmail3").innerHTML = "Please write your Email";

                        emailt=0;

                } else {
                    document.getElementById("e").innerHTML = null;
                }

                var pass = document.getElementById("e").value;

                if (pass == null ||pass=="") {

                    document.getElementById("f").innerHTML = "Please write your Password";

                    passt=0;

                } else {
                    document.getElementById("f").innerHTML = null;
                }

                if (dhukse ==1 && emailt==1 && passt==1) {

                    return true;

                } else {

                    return false;

                }
            }


        </script>


    </head>
    <body>

        <div class="well"><center><h2>Welcome to Restaurant Billing System</h2></center>

        </div>

        <!--        <div  class="row">
                    <div class="col-md-1"></div>
                    <div class="col-lg-8">
                         <a href="index.jsp"><img src="image/restaurant.jpg" height="275" width="1200" /></a>

                    </div>

                    <div class="col-md-1"></div>


                </div>-->

        <!--This is the form -->

        <form action="" onsubmit="return myfunction()" method="POST" class="form-horizontal">


            <script>
                $(document).ready(function () {
                    $('[data-toggle="tooltip"]').tooltip();
                });
            </script>

            <!-- Select menu -->

            <div class="form-group">
                <label for="semester" class="col-lg-2 control-label">User Type</label>
                <div class="col-lg-2">
                    <select class="form-control" id="semester" name="SelectType">
                        <option value="0">Select Type</option>
                        <option value="1">Admin</option>
                        <option value="2">Customer</option>
                    </select>
                </div>
                <span style="color:red;"></span><br>
                <div class="col-lg-4">
                    <span id ="d" style="color: red;"> </span>
                </div>
            </div>

            <!-- Enter Email -->

            <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
                <div class="col-sm-5">
                    <input type="email" class="form-control" name="txtemail" id="inputEmail3" placeholder="Email">
                </div>
                  <span style="color:red;"></span><br>
                <div class="col-lg-4">
                    <span id ="e" style="color: red;"> </span>
                </div>
            </div>

            <!-- Enter Password -->

            <div class="form-group">
                <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
                <div class="col-sm-5">
                    <input type="password" class="form-control" name="txtpass" id="inputPassword3" placeholder="Password">
                </div>
                  <span style="color:red;"></span><br>
                <div class="col-lg-4">
                    <span id ="f" style="color: red;"> </span>
                </div>
            </div>

            <!-- Remember Password -->

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> Remember me
                        </label>
                    </div>
                </div>

            </div>

            <!-- Login Button -->

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-primary">Login</button>
                </div>
            </div>

            <!-- Sign Up Button-->

            <!--            <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="button" class="btn btn-success">Sign Up</button>
                            </div>
                        </div>-->

        </form>

        <!-- End of the form -->

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>