Add validatePhone

This commit is contained in:
Roman Pyrih
2024-12-02 11:12:51 +01:00
parent 7a4cb842ff
commit 4b26bab39d
4 changed files with 3230 additions and 3116 deletions

View File

@@ -70,7 +70,21 @@
</div>
</div>
<div class="form-group">
<input type="text" id="phone" name="phone" class="form-control" required placeholder="<?= ucfirst( \S::lang( 'telefon' ) );?>" value="<?= htmlspecialchars( $address_current['phone'] );?>">
<div class="form-control form-control-phone" tooltip="Wprowadź numer w formacie: 123456789">
<div class="form-control-phone-code">
<img src="/images/system/lang_pl.png" alt="">
<span>+48</span>
</div>
<input
type="tel"
id="phone"
name="phone"
class="form-control form-control-input"
required
placeholder="<?= ucfirst(\S::lang('telefon')); ?>"
value="<?= htmlspecialchars($address_current['phone']); ?>"
pattern="[0-9]{9}">
</div>
</div>
<div class="form-group">
<div class="row">
@@ -95,6 +109,25 @@
<? if ( $this -> client ):?></div><? endif;?>
</div>
<script class="footer">
$(document).ready(function () {
function validatePhone() {
var phone = $('#phone');
var phonePattern = /^[0-9]{9}$/;
if (!phone.val() || !phonePattern.test(phone.val())) {
$('#order-send').prop('disabled', true);
} else {
$('#order-send').prop('disabled', false);
}
}
$('#phone').on('input', function () {
validatePhone();
});
validatePhone();
});
$( function()
{
$( 'body' ).on( click_event, '.addresses .address .btn-select', function(e)