livewire 验证

之前看社区介绍这个插件,太惊讶了,特别是结合laravel-admin使用,对于小项目来说,那就是是双剑合璧。

官网

use Livewire\Component;

class ContactForm extends Component
{
    public $name;
    public $email;

    public function submit()
    {
        $this->validate([
            'name' => 'required|max:6',
            'email' => 'required|email',
        ],[
            'email.email'=>'请输入正确的邮箱地址',
            'name.required'=>'名字必须填写',
            'name.max'=>'名字长度不能超过6',
            'email.required'=>'必须填写邮箱',
        ]);

        // Execution doesn't reach here if validation fails.

    }

    public function render()
    {
        return view('livewire.contact-form');
    }
}
<form wire:submit.prevent="submit">
    <input type="text" wire:model="name">

    @error('name') <span class="error" style="color: red">{{ $message }}</span> @enderror

    <br>


    <input type="text" wire:model="email">
    @error('email') <span class="error" style="color: red" >{{ $message }}</span> @enderror
    <br>
    <button type="submit">Save Contact</button>
</form>

如果安装版本为laravel 5.7 验证则会报错,message 不存在。

把message 从刀片上删了之后会出现:

在这里插入图片描述

从官方论坛看到,解决方案为 从5.7升级到5.8

livewire 验证

解决问题!

有小伙伴探索这个插件的注意了,官方需要5.7以上版本支持,如果需要用验证功能,推荐安装5.8以上。

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!
未填写
文章
37
粉丝
16
喜欢
132
收藏
113
排名:332
访问:2.8 万
私信
所有博文
社区赞助商