Php 登录和注册表格在同一页Laravel 5.6_Php_Jquery_Laravel_Forms_Registration

Php 登录和注册表格在同一页Laravel 5.6

php jquery laravel forms

Php 登录和注册表格在同一页Laravel 5.6,php,jquery,laravel,forms,registration,Php,Jquery,Laravel,Forms,Registration,我的登录和注册页面是相同的。因此，当我用错误的凭证填充注册页面时，登录和注册表单都会出现错误如何通过提交按钮onclick事件解决此问题，并隐藏登录页面？接受其他建议注意：我使用的是laravel和jquery。但我不想从服务器端更改它编辑：当注册失败时，它应该关注注册页面，但它关注登录页面最简单的方法是什么？有什么建议吗？我不知道如何使用错误包，如果有人也告诉我怎么做就好了。非常感谢我尝试了此操作，但按钮应为“提交”按钮，因此无法工作： document.getEleme

我的登录和注册页面是相同的。因此，当我用错误的凭证填充注册页面时，登录和注册表单都会出现错误

如何通过提交按钮

onclick

事件解决此问题，并隐藏登录页面？接受其他建议

注意：我使用的是laravel和jquery。但我不想从服务器端更改它

编辑：当注册失败时，它应该关注注册页面，但它关注登录页面

最简单的方法是什么？有什么建议吗？我不知道如何使用错误包，如果有人也告诉我怎么做就好了。非常感谢

我尝试了此操作，但按钮应为“提交”按钮，因此无法工作：

    document.getElementById("login_id").style.visibility = "hidden";

这里是html代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>MaterialLab - jQuery full version</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:300,400,500,600" rel="stylesheet">
    <link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/vendor.bundle.css">
    <link rel="stylesheet" href="assets/css/app.bundle.css">
    <link rel="stylesheet" href="assets/css/theme-a.css">
</head>
<body id="auth_wrapper">
<div id="login_wrapper">

    <div id="login_content">
        <div class="logo">
            <img src="assets/img/logo/ml-logo.png" alt="logo" class="logo-img">
        </div>
        <h1 class="login-title">
            Sign In to your account
        </h1>
        <div class="login-body">
            <form id="1" style="visibility: visible" method="POST" action="{{ route('login') }}">
                @csrf
                <div class="form-group label-floating is-empty">
                    <label class="control-label">Email</label>
                    <input type="email" name="email" class="form-control"  value="{{ old('email') }}" required>

                    @if ($errors->has('email'))
                        <span class="invalid-feedback">
                            <strong>{{ $errors->first('email') }}</strong>
                         </span>
                    @endif

                </div>
                <div class="form-group label-floating is-empty">
                    <label class="control-label">Password</label>
                    <input type="password" name="password" class="form-control" required>

                    @if ($errors->has('password'))
                        <span class="invalid-feedback">
                            <strong>{{ $errors->first('password') }}</strong>
                        </span>
                    @endif

                </div>
                <a href="javascript:void(0)" class="forgot-pass pull-right">Forgot Password?</a>
                <div class="checkbox inline-block">
                    <label>
                        <input type="checkbox" class="checkbox-inline" value="">
                        Remember Me
                    </label>
                </div>
                <button type="submit" class="btn btn-info btn-block m-t-40">Sign In</button>
                <div class="login-options">
                    <span>OR</span>
                    <hr/>
                </div>
                <div class="row">

                    <div class="col-xs-12">
                        <button class="btn btn-google btn-block"><i class="zmdi zmdi-google-plus"></i> Sign In with
                            Google
                        </button>
                    </div>

                </div>
            </form>
        </div>
        <div class="login-footer p-15">
            <p>
                Don't have an account? <a href="javascript:void(0)" data-toggle="register">Create an account</a>
            </p>
        </div>
        <div id="register_wrapper">
            <ul class="card-actions icons right-top">
                <li>
                    <a href="javascript:void(0)" data-toggle="register">
                        <i class="zmdi zmdi-close"></i>
                    </a>
                </li>
            </ul>
            <div class="logo">
                <img src="assets/img/logo/ml-logo.png" alt="logo" class="logo-img">
            </div>
            <h1 class="login-title">
                Create an account
            </h1>


                <div class="col-xs-12">
                    <button class="btn btn-google btn-block"><i class="zmdi zmdi-google-plus"></i> Sign Up with Google
                    </button>
                </div>


                <form class="clear-both"  method="POST" action="{{ route('register') }}">
                    @csrf
                    <h2 class="text-center p-t-20">
                        Or sign up below
                    </h2>
                    <div class="form-group label-floating is-empty">
                        <label class="control-label">Name</label>
                        <input type="text" name="name" class="form-control" required>
                        @if ($errors->has('name'))
                            <span class="invalid-feedback">
                                        <strong>{{ $errors->first('name') }}</strong>
                                    </span>
                        @endif
                    </div>

                    <div class="form-group label-floating is-empty">
                        <label class="control-label">Email</label>
                        <input type="email" name="email" class="form-control" required>

                        @if ($errors->has('email'))
                            <span class="invalid-feedback">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                        @endif
                    </div>

                    <div class="form-group label-floating is-empty">
                        <label class="control-label">Password</label>
                        <input type="password" name="password" class="form-control" required>

                        @if ($errors->has('password'))
                            <span class="invalid-feedback">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                        @endif
                    </div>

                    <div class="form-group label-floating is-empty">
                        <label class="control-label">Confirm Password</label>
                        <input type="password" name="password_confirmation" class="form-control" required>
                    </div>

                    <button type="submit" name="submit" onClick="makeLoginFormHidden()" class="btn btn-info btn-block m-t-40">Create my account</button>
                </form>
            </div>
            <div class="login-footer p-15">
                <p>
                    Already have an account? <a href="javascript:void(0)" data-toggle="register">Sign In</a>
                </p>
            </div>
        </div>
    </div>
</div>
<script>
    function makeLoginFormHidden() {
        document.getElementById("1").style.visibility = "hidden";
    }
</script>
<script src="assets/js/vendor.bundle.js"></script>
<script src="assets/js/app.bundle.js"></script>
</body>
</html>


MaterialLab-jQuery完整版本
登录到您的帐户
@csrf
电子邮件
@如果（$errors->has（'email'））
{{$errors->first（'email'）}
@恩迪夫
密码
@如果（$errors->has（'password'））
{{$errors->first（'password'）}
@恩迪夫
记得我吗
登录
或

登录
谷歌

你没有账户吗？





创建帐户
注册谷歌
@csrf
或者在下面注册
名称
@如果（$errors->has（'name'））
{{$errors->first（'name'）}
@恩迪夫
电子邮件
@如果（$errors->has（'email'））
{{$errors->first（'email'）}
@恩迪夫
密码
@如果（$errors->has（'password'））
{{$errors->first（'password'）}
@恩迪夫
确认密码
创建我的帐户

已经有账户了吗？

函数makeLoginFormHidden（）{
document.getElementById（“1”）.style.visibility=“隐藏”；
}

只需设置和获取会话变量，即可检查错误类型

// From login action
Session::flash('login_error',true);

// In the view

@if(Session::has('login_error'))
    // activate the login form and show the error
@endif

登录和注册时都会出现错误，因为您可能使用相同的html字段名。使用标签或者一次只显示一个表单。你必须发布HTML源代码以获得真正的帮助以及你正在使用的Javascript。例如，我不知道为什么会出现任何错误，也不知道如何显示这些错误，因为有代码可供参考。我为您添加了。嗨，穆罕默德，我是拉威尔的新手。那么，你能告诉我这个代码应该放在哪里吗？“会话：：flash（'login_error'，true）；”