JezK

Edit File: register.php

<!doctype html>
<html lang="en">

<head>
    <title>Detailing Edition - Register</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" type="image/png" href="./images/fav.png">

</head>

<img src="./images/logo.png" id="logo" class="mt-3 img-fluid d-block m-auto" width=200 />
                <div class="col-md-12">
                    <form id="register-form">
                        <div class="register-contents">
                            <h3 class="reg-heading mb-4">Registration</h3>
                            <div class="row reg-form-style">
                                <div class="col-lg-6">
                                    <div class="form-group pb-2">

<label for="phone" class="form-label">Phone number</label>
                                        <input type="phone" class="form-control" id="phone" name="phone" placeholder="Phone number" autocomplete="off">
                                        <div class="error phone_error"></div>
                                    </div>
                                    <div class="form-group pb-2">
                                        <label for="password" class="form-label">Password</label>
                                        <input type="password" placeholder="Password" class="form-control" name="password" id="password" autocomplete="off">
                                        <span class="reg-toggle-icon"><i class="fa fa-eye"></i></span>
                                        <div class="error passworderror"></div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                     <div class="form-group pb-2">
                                        <label for="email" class="form-label">Email</label>

<label for="address" class="form-label">Address </label>
                                        <textarea class="form-control" rows="12" id="address" name="address" placeholder="Address"></textarea>
                                        <div class="error address_error"></div>
                                    </div>

<div class="form-group pb-2">
                                        <label for="referred_by" class="form-label">Referral Code (Optional)</label>
                                        <input type="text" class="form-control" id="referred_by" name="referred_by" placeholder="Have a referral code?">
                                    </div>

</div>
                                <div class="col-lg-12 mt-3">
                                    <button type="submit" class="de-btn-fill d-block m-auto" onclick="return validateUserRegister();" name="login">Register</button>
                                </div>
                            </div>
                            <div class="login mt-2">Already have an account? <br>
                                <h5><a href="index.php">Login</a></h5>
                            </div>
                        </div>

</form>

</div>
            </div>
        </div>
    </div>
</body>

</html>
<?php
include "./scripts.php";
?>

function validatePhoneNumber(phoneNumber) {
        // Regular expression pattern for phone number validation
        var phonePattern = /^\d{10}$/;

// Remove any non-digit characters from the input
        var cleanedNumber = phoneNumber.replace(/\D/g, "");

// Check if the cleaned number matches the pattern
        if (phonePattern.test(cleanedNumber)) {
            // Valid phone number
            return true;
        } else {
            // Invalid phone number
            return false;
        }
    }

function checkPassword(str) {
        var regex_pass = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).{8,}$/;
        return regex_pass.test(str);
    }

const stateCode = vehicleNumber.slice(0, 2);

if (statePatterns.hasOwnProperty(stateCode)) {
            const regex = statePatterns[stateCode];
            if (regex.test(vehicleNumber)) {
                return true;
            } else {
                return false;
            }
        } else {
            return false;
        }
    }

function validateUserRegister() {
        $(".error").html("");
        let name = document.getElementById("name").value;
        let phone = document.getElementById("phone").value;
        let email = document.getElementById("email").value;
        let password = document.getElementById("password").value;
        // let vehicleName = document.getElementById("vehiclename").value;
        // let vehicleNumber = document.getElementById("vehiclenumber").value;
        let address = document.getElementById("address").value;

if (name == "") {
            $(".name_error").html("Please Enter Name");
            return false;
        }

if (name.length <= 2) {
            $(".name_error").html("Name Should Be Minimum 3 Letters Long");
            return false;
        }

if (phone == "") {
            $(".phone_error").html("Please enter the Phone Number");
            $("#phone").focus();
            return false;
        }

var phoneNumber = phone;

if (!validatePhoneNumber(phoneNumber)) {
            $(".phone_error").html("please enter the correct phone number");
            $("#phone").focus();
            return false;
        }
        if (password == "") {
            $(".passworderror").html("Please enter the Password");
            return false;
        }
		
        if (!checkPassword(password)) {
            $(".passworderror").html(
                "Password must be at least 8 characters long and contain a combination of letters, numbers, and special characters."
            );
            return false;
        }
		 if (email == "") {
            $(".emailerror").html("Please enter Email");
            return false;
        }

//         if (vehicleNumber == "") {
//             $(".vehiclenumber_error").html("Please enter vehicle number.");
//             return false;
//         }

// if (!validateVehicleNumber(vehicleNumber)) {
        //     $(".vehiclenumber_error").html("Vehicle number must contain both letters and numbers as in this format 'XXNN XX NNNN'.");
        //     return false;
        // }

if (address == "") {
            $(".address_error").html("Please enter a valid address.");
            return false;
        }

// If all fields are valid, the form will be submitted
        return true;
    }

$('#register-form').submit(function(event) {
        event.preventDefault();
        formData = $('#register-form').serialize();
        $.ajax({
            url: 'App/registerApp.php',
            method: 'POST',
            data: formData,
            success: function(response) {
                let data = JSON.parse(response)
                let token = data.token;

if (data.status == 1) {
                    toastr.success('Registerd Successfully...')

function redirect() {
                        location.replace('otpverification.php?token=' + token + '&verifyStatus=' + 1);
                    }
                    setTimeout(redirect, 3000);
                } else if (data.status == 2) {
                    toastr.warning("User Already Existed")
                } else {
                    toastr.warning("Unable to Register, Please try again")
                }

}
        })
    })

$('#logo').click(function() {
        location.replace('index.php');
    })
</script>