jQuery 検証 v1.17.0 - プロ 成分
フォームに必須フィールドがある場合は、jQuery検証ツールを使用してそれらに検証を追加するのが最善の方法です。 これをMaterial Dashboard Proライブラリにインポートして色を変更しました。
詳細については** [Full Github Documentation](https://jqueryvalidation.org/){:target = “_blank”} **をご覧ください。
<form id="RegisterValidation">
<div class="card ">
<div class="card-header ">
<h4 class="card-title">Register Form</h4>
</div>
<div class="card-body ">
<div class="form-group has-label">
<label>
Email Address
*
</label>
<input class="form-control" name="email" type="email" required="true">
</div>
<div class="form-group has-label">
<label>
Password
*
</label>
<input class="form-control" name="password" id="registerPassword" type="password" required="true">
</div>
<div class="form-group has-label">
<label>
Confirm Password
*
</label>
<input class="form-control" name="password_confirmation" id="registerPasswordConfirmation" type="password" required="true" equalto="#registerPassword">
</div>
<div class="category form-category">* Required fields</div>
</div>
<div class="card-footer text-right">
<div class="form-check pull-left">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" value="" checked="">
Subscribe to newsletter
<span class="form-check-sign">
<span class="check"></span>
</span>
</label>
</div>
<button type="submit" class="btn btn-primary">Register</button>
</div>
</div>
</form>