php - validate fields with bootstrap 5 in a livewire modal
问题描述
I have bought the vuexy laravel html template which includes form validation, but when implementing it in a modal it doesn't work, is there any way for it to work or do I have to use laravel validation? I leave the code
<form class="needs-validation" novalidate>
<div class="form-group">
<label class="form-label" for="basic-addon-name">Name</label>
<input type="text" id="basic-addon-name" class="form-control" placeholder="Name" aria-label="Name"
aria-describedby="basic-addon-name" required />
<div class="valid-feedback">Looks good!</div>
<div class="invalid-feedback">Please enter your name.</div>
</div>
<div class="form-group">
<label class="form-label" for="basic-default-email1">Email</label>
<input type="email" id="basic-default-email1" class="form-control" placeholder="john.doe@email.com"
aria-label="john.doe@email.com" required />
<div class="valid-feedback">Looks good!</div>
<div class="invalid-feedback">Please enter a valid email</div>
</div>
<div class="form-group">
<label class="form-label" for="basic-default-password1">Password</label>
<input type="password" id="basic-default-password1" class="form-control"
placeholder="············" required />
<div class="valid-feedback">Looks good!</div>
<div class="invalid-feedback">Please enter your password.</div>
</div>
<div class="form-group">
<label for="select-country1">Country</label>
<select class="form-control" id="select-country1" required>
<option value="">Select Country</option>
<option value="usa">USA</option>
<option value="uk">UK</option>
<option value="france">France</option>
<option value="australia">Australia</option>
<option value="spain">Spain</option>
</select>
<div class="valid-feedback">Looks good!</div>
<div class="invalid-feedback">Please select your country</div>
</div>
<div class="row">
<div class="col-12">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</form>
解决方案
推荐阅读
- amazon-web-services - AWS RDS 上的 dbms_datapump:ORA-28031:已启用最多 150 个角色
- tcl - Tcl lindex 和 expr:非数字故障
- google-business - 在库中找不到 Google My Business API
- python - 如何使用 TensorFlow Ranking 进行预测
- sql - 更新查询:雪花表变体列
- jena - 使用 Apache Jena 将数据加载到 Fuseki 时出现“HttpException:500 - 只读块管理器”
- java - 有没有办法在不使用 Java 中的任何第三方库的情况下从 X509Certificate 获取分发 CRL URL?
- c# - Azure WebApp 并调用受 mTLS 保护的 API
- swift - 如何从 CIFilter.areaHistogram() 中提取直方图数据
- javascript - 我只想选择当前页面的所有记录