1#@!#!123s

: / home3 / encodto1 / aviscollection.com /
Filename : membership-card.php
back
<?php include'style.php'; ?>
<body id="membership">
<?php include'header.php'; ?>
<main class="main single-page">

<section class="section-padding">
    <div class="container pt-25">
        <div class="section_title text-center mb-20">
            <h3 class="section-title mb-0 text_gradient">Membership Application</h3>
            <h6>To apply for membership please complete all questions.</h6>
        </div>
        <div class="row">
            <div class="col-lg-8 align-self-center mx-auto mb-4">
                <div class="card">
                    <div class="card-header">
                        <h5>Membership Application Form</h5>
                    </div>
                    <div class="card-body">
                        <form method="post" action="" name="enq">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <label>Full Name <span class="required">*</span></label>
                                    <input class="form-control square" id="name" type="text">
                                    <span class="error_field" id="name_error"></span>
                                </div>
                                <div class="form-group col-md-6">
                                    <label>Email Address <span class="required">*</span></label>
                                    <input class="form-control square" id="email" type="email">
                                    <span class="error_field" id="email_error"></span>
                                </div>
                                <div class="form-group col-md-6">
                                    <label>Phone/Mobile Number <span class="required">*</span></label>
                                    <input class="form-control square" id="phone1" type="tel" maxlength="10">
                                    <span class="error_field" id="phone1_error"></span>
                                </div>
                                <div class="form-group col-md-6">
                                    <label>Alternate Mobile Number <span class="required">*</span></label>
                                    <input class="form-control square" id="phone2" type="tel" maxlength="10">
                                    <span class="error_field" id="phone2_error"></span>
                                </div>
                                <div class="form-group col-md-12">
                                    <label>Address<span class="required">*</span></label>
                                    <input class="form-control square" id="address" type="text">
                                    <span class="error_field" id="address_error"></span>
                                </div>
                                <div class="form-group col-md-6">
                                    <label>City <span class="required">*</span></label>
                                    <input class="form-control square" id="city" type="text">
                                    <span class="error_field" id="city_error"></span>
                                </div>
                                <div class="form-group col-md-6">
                                    <label>State <span class="required">*</span></label>
                                    <input required="" class="form-control square" id="state" type="text">
                                    <span class="error_field" id="state_error"></span>
                                </div>
                                <div class="form-group col-md-6">
                                    <label>Postal/Zip Code <span class="required">*</span></label>
                                    <input class="form-control square" id="postalcode" type="text">
                                    <span class="error_field" id="postalcode_error"></span>
                                </div>
                                <div class="form-group col-md-6">
                                    <label>Country <span class="required">*</span></label>
                                    <input class="form-control square" id="country" type="text">
                                    <span class="error_field" id="country_error"></span>
                                </div>
                                <div class="col-md-12">
                                    <button type="button" class="btn btn-fill-out submit" onclick="submitMember()">Submit <i class="fa-regular fa-paper-plane"></i></button>
                                </div>
                            </div>
                        </form>

                    </div>
                </div>
                <div class="member_img">
                    <img class="member_lady" src="assets/imgs/others/lady.png" title="lady-membership-form">
                    <img class="member_plant" src="assets/imgs/others/plant.png" title="plant-membership-form">
                </div>
            </div>
            
        </div>
    </div>
</section>

</main>
<?php include'footer.php'; ?>
<script>
function submitMember(){
    var name = $('#name').val();
    var phone1 = $('#phone1').val();
    var phone2 = $('#phone2').val();
    var email = $('#email').val();
    var address = $('#address').val();
    var city = $('#city').val();
    var state = $('#state').val();
    var postalcode = $('#postalcode').val();
    var country = $('#country').val();

    $('.error_field').html('');
    var is_error = '';
    if(name==''){
        $('#name_error').html('Please Enter Full Name.').css("color","red");
        is_error = 'yes';
    }if(phone1==''){
        $('#phone1_error').html('Please Enter Phone Number.').css("color","red");
        is_error = 'yes';
    }if(phone2==''){
        $('#phone2_error').html('Please Enter Alternate Phone Number.').css("color","red");
        is_error = 'yes';
    }if(email==''){
        $('#email_error').html('Please Enter Email ID.').css("color","red");
        is_error = 'yes';
    }if(address==''){
        $('#address_error').html('Please Enter Address.').css("color","red");
        is_error = 'yes';
    }if(city==''){
        $('#city_error').html('Please Enter City.').css("color","red");
        is_error = 'yes';
    }if(state==''){
        $('#state_error').html('Please Enter State.').css("color","red");
        is_error = 'yes';
    }if(postalcode==''){
        $('#postalcode_error').html('Please Enter postalcode.').css("color","red");
        is_error = 'yes';
    }if(country==''){
        $('#country_error').html('Please Enter Country.').css("color","red");
        is_error = 'yes';
    }
    
    if (is_error=='') {
        var action = 'membership_enquiry';
        var datastr = 'name='+name+'&phone1='+phone1+'&phone2='+phone2+'&email='+email+'&address='+address+'&city='+city+'&state='+state+'&postalcode='+postalcode+'&country='+country+'&action='+action;
    // alert(datastr);
        $.ajax({
            url: 'enquiry_submit.php',
            type: 'POST',
            data: datastr,
            success: function(data){
                alert(data);
                // window.location.href = "./";
                // $('.responseData').html(data);
            }
        });
    }
}
</script>
</body>
</html>