mardi 9 juillet 2019

How do i provide inline error feedback with Laravel 5

I'm building a form using Laravel 5 and I want to error messages to appear next to the field of authentication page. This is my controller

<!doctype html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="/css/bootstrap.css" rel="stylesheet">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/bootstrap-theme.css" rel="stylesheet">
    <link href="/css/all.css" rel="stylesheet">
    <link href="/css/all.min.css" rel="stylesheet">
    <link href="/css/Style.css" rel="stylesheet">

    <script src="/js/jquery-2.2.4.min.js"></script>
    <script src="/js/bootstrap.js"></script>
    <script src="/js/all.js"></script>
    <script src="/js/all.min.js"></script>


    <title>LOGIN</title>
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
</head>
<body>
<form id="form1" action="/loginme" method="post">
    <div >
        <input type="hidden" name="_token" value="">
            <div class="login_form">
                <div class="inputWithIcon">
                    <i class="fas fa-user-tie" ></i>
                    <input type="text" placeholder="Username" class="form-control" name="username" />
                </div>
                <div class="inputWithIcon">
                    <i class="fas fa-unlock-alt" ></i>
                    <input type="password" placeholder="Password" class="form-control" name="password" />
                </div>
                <br />
<label class="invalid-feedback" id="login_error"></label>
                <input type="submit" id="submitBtn" class="btn btn-secondary  btn-block login-submit-btn"  value="Login"></input>
            </div>
    </div>
</form>
</body>
</html>

And I would like to display the alert message with a click on the button "submitBtn" this is my controller enter image description here



via Chebli Mohamed

Aucun commentaire:

Enregistrer un commentaire