比较两个输入是否相同

时间:2019-12-19 13:54:41

标签: php laravel vue.js

我正在为人们制作一张更改其密码的表格,我有一个新密码和一个重复密码字段,以再次检查是否以正确的方式键入了新密码。

我只是不知道该怎么做,我确实从互联网上尝试了一些东西,但是我似乎无法使其工作。

这些是我目前在Vue文件中拥有的字段:

<div class="form">
   <div class="form-group">
      <div class="row mb-2" >
         <div class="col-md-3">
            <label>Current password</label>
         </div>
         <div class="col-md-4">
            <input id="password" class="form-control" type="password">
         </div>
      </div>
      <div class="row mb-2">
         <div class="col-md-3">
            <label for="newPassword">New password</label>
         </div>
         <div class="col-md-4">
            <input id="newPassword" class="form-control"  type="password" >
         </div>
      </div>
      <div class="row mb-2">
         <div class="col-md-3">
            <label for="repeatPassword">Repeat password </label>
         </div>
         <div class="col-md-4">
            <input id="repeatPassword" class="form-control" type="password">
         </div>
      </div>
      <div class="row">
         <button type="button" class="btn btn-primary" v-on:click='changePassword'>Confirm</button>
      </div>
   </div>
</div>

php:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use App\User;

class ProfileController extends Controller
{
    //
    public function getProfile(Request $request) {
        $user_late = $request -> user()->getTooLateCount();
        $user_noShow = $request -> user()->getNoShowCount();
        $user_strikes = ($user_late/3)+$user_noShow;

        return view('profile' , [
            'profileName' => $request->user()->name , 
            'profileEmail' => $request->user()->email,
            'strikes'=> $user_strikes
        ]);

    }


}

2 个答案:

答案 0 :(得分:2)

服务器端验证可能包含对“已确认”规则的引用,该规则将强制要求密码匹配。'password' => 'required|confirmed|min:6',

将比较字段重命名为password_confirmation

如果合适的话,请不要忘记添加CSRF令牌。

答案 1 :(得分:0)

使用验证Confirmed

在您的控制器中添加验证

$request->validate([
    'password' => 'required|confirmed',
]);

在刀片中为输入添加名称

<input id="newPassword" class="form-control"  name="password" type="password" >

<input id="newPassword" class="form-control"  name="password_confirmation" type="password" >