Bootstrap needs-validation novalidate + valid-feedback

This commit is contained in:
billz 2023-11-09 15:32:24 +00:00
parent 4f6a28a81f
commit b2117ac492
5 changed files with 33 additions and 6 deletions

View file

@ -29,7 +29,7 @@
<div class="card-body">
<?php $status->showMessages(); ?>
<form method="POST" action="dhcpd_conf" class="js-dhcp-settings-form">
<form method="POST" action="dhcpd_conf" class="js-dhcp-settings-form needs-validation" novalidate>
<?php echo CSRFTokenFieldTag() ?>
<!-- Nav tabs -->

View file

@ -35,9 +35,12 @@
<h5 class="mt-1">Static IP options</h5>
<div class="row">
<div class="form-group col-md-6">
<div class="form-group col-md-6" required>
<label for="code"><?php echo _("IP Address"); ?></label>
<input type="text" class="form-control" id="txtipaddress" name="StaticIP" />
<div class="invalid-feedback">
<?php echo _("Please provide a valid IP Address."); ?>
</div>
</div>
</div>
@ -45,6 +48,9 @@
<div class="form-group col-md-6">
<label for="code"><?php echo _("Subnet Mask"); ?></label>
<input type="text" class="form-control" id="txtsubnetmask" name="SubnetMask" />
<div class="invalid-feedback">
<?php echo _("Please provide a valid Subnet mask."); ?>
</div>
</div>
</div>
@ -52,6 +58,9 @@
<div class="form-group col-md-6">
<label for="code"><?php echo _("Default gateway"); ?></label>
<input type="text" class="form-control" id="txtgateway" name="DefaultGateway" />
<div class="invalid-feedback">
<?php echo _("Please provide a valid Default gateway."); ?>
</div>
</div>
</div>
@ -99,6 +108,9 @@
<div class="form-group col-md-6">
<label for="code"><?php echo _("Starting IP Address"); ?></label>
<input type="text" class="form-control" id="txtrangestart" name="RangeStart" />
<div class="invalid-feedback">
<?php echo _("Please provide a valid Starting IP Address."); ?>
</div>
</div>
</div>
@ -106,6 +118,9 @@
<div class="form-group col-md-6">
<label for="code"><?php echo _("Ending IP Address"); ?></label>
<input type="text" class="form-control" id="txtrangeend" name="RangeEnd" />
<div class="invalid-feedback">
<?php echo _("Please provide a valid Ending IP Address."); ?>
</div>
</div>
</div>
@ -113,6 +128,9 @@
<div class="form-group col-xs-3 col-sm-3">
<label for="code"><?php echo _("Lease Time"); ?></label>
<input type="text" class="form-control" id="txtrangeleasetime" name="RangeLeaseTime" />
<div class="invalid-feedback">
<?php echo _("Please provide a valid Lease Time."); ?>
</div>
</div>
<div class="col-xs-3 col-sm-3">
<label for="code"><?php echo _("Interval"); ?></label>
@ -122,6 +140,9 @@
<option value="d"><?php echo _("Day(s)"); ?></option>
<option value="i"><?php echo _("Infinite"); ?></option>
</select>
<div class="invalid-feedback">
<?php echo _("Please provide a valid Interval."); ?>
</div>
</div>
</div>

View file

@ -49,7 +49,7 @@
<div class="card-body">
<?php $status->showMessages(); ?>
<form role="form" action="hostapd_conf" method="POST">
<form role="form" action="hostapd_conf" method="POST" class="needs-validation" novalidate>
<?php echo CSRFTokenFieldTag() ?>
<!-- Nav tabs -->

View file

@ -7,9 +7,12 @@
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<div class="form-group col-md-6" required>
<label for="txtssid"><?php echo _("SSID"); ?></label>
<input type="text" id="txtssid" class="form-control" name="ssid" value="<?php echo htmlspecialchars($arrConfig['ssid'], ENT_QUOTES); ?>" />
<input type="text" id="txtssid" class="form-control" name="ssid" value="<?php echo htmlspecialchars($arrConfig['ssid'], ENT_QUOTES); ?>" required />
<div class="invalid-feedback">
<?php echo _("Please provide a valid SSID."); ?>
</div>
</div>
</div>
<div class="row">

View file

@ -12,10 +12,13 @@
</div>
<label for="txtwpapassphrase"><?php echo _("PSK"); ?></label>
<div class="input-group">
<input type="text" class="form-control" id="txtwpapassphrase" name="wpa_passphrase" value="<?php echo htmlspecialchars($arrConfig['wpa_passphrase'], ENT_QUOTES); ?>" />
<input type="text" class="form-control" id="txtwpapassphrase" name="wpa_passphrase" value="<?php echo htmlspecialchars($arrConfig['wpa_passphrase'], ENT_QUOTES); ?>" required />
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button" id="gen_wpa_passphrase"><i class="fas fa-magic"></i></button>
</div>
<div class="invalid-feedback">
<?php echo _("Please provide a valid PSK."); ?>
</div>
</div>
</div>
<div class="col-md-6">