複製文字

@extends('layouts.master')
@section('title', 'Member')
@section('content')
       
<h1>會員資料</h1>

<hr />
<div class="row">
    <div class="col-md-4 mx-auto">           
      	<form method='post' action="{{url('Member/MemberUpdate')}}" enctype="multipart/form-data">
        @csrf
        @forelse($users as $row) 
            <div class="form-group mb-3">
            姓名: <input type="text" class="form-control" name="name" value="{{$row->name}}" /> 
            </div>
            @php
            $b = "";
            $g = "";
            if ($row->sex == "男")
                $b = "checked";
            else
                $g = "checked"; 
        @endphp

            <div class="form-group mb-3">
                性別: <input type='radio' class="form-check-input" name='sex' value="男" {{$b}}>男生
                <input type='radio' class="form-check-input" name='sex' value="女" {{$g}}>女生
            </div>
            <div class="form-group mb-3">
                新密碼:<input type="password" class="form-control" id="newPWD" name="newPWD" value="{{$row->pwd}}"/>
            </div>   
            <div class="form-group mb-3">
                新密碼確認: <input type="password" class="form-control" id="newPWD_c" name="newPWD_c" value="{{$row->pwd}}"/>
            </div>   
            <div class="form-group mb-3">
                <img class="card-img-top" src="{{ url('images/' . $row->photo) }}" style="width: 200px;">
            </div>
            <div class="form-group mb-3">
                換照片:  <input  type="file" name="imgFile" accept="image/jpeg,image/jpg,image/png" class="form-control"/>
            </div>	                  
            <div class="form-group mb-3 d-flex justify-content-center">
                <input type="submit" value="儲存" class="btn btn-primary" class="form-control" />
            </div>
        @empty
            沒有資料
        @endforelse
        </form>
    </div>
</div>

<script>
document.querySelector("form").addEventListener("submit", function(e) {
    const pwd = document.querySelector("#newPWD").value;
    const pwd_c = document.querySelector("#newPWD_c").value;
    if(pwd !== pwd_c){
        alert("密碼不相同請重新輸入");
        e.preventDefault(); // 阻止表單送出
    }
});
</script>
@stop