invisio v2.0

<?php
include('header.php');
$secure = "cAh3DrJACzw4RbU";
$connection = connectDB($secure);

.sign-container {
        width: 60%;
        margin: auto;
    }

.sign-preview {
        width: 150px;
        height: 50px;
        border: solid 1px #CFCFCF;
        margin: 10px 5px;
    }

.btn-sky {
        color: #fff;
        background-color: #3ed3b6;
        border-color: #3ed3b6;
    }

A:link {
        color: #0000cc;
        text-decoration: none
    }

A:visited {
        color: #0000cc;
        text-decoration: none
    }

A:hover {
        color: red;
        text-decoration: none
    }
</style>

<div id="wrapper">
        <div id="page-wrapper" class="gray-bg px-0">
            <div class="wrapper-content animated fadeInRight">
                <p style="text-align: center; font-size:30px;font-weight: bold;">เพิ่มข้อมูลแรงงาน<br />สมาคมผู้ประกอบการนำคนต่างด้าวมาทำงานในประเทศ (ประเทศไทย)</p>
            </div>

            <div id="show_form_select"></div>
        </div>

</div>

<?php include('footer.php'); ?>

<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content animated fadeIn">
                <div class="modal-header">
                    <h4 class="modal-title">รูปภาพ</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12 mb-2">
                            <div class="form-group">
                                <img id="example_image" src="" style="width:100%;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>&nbsp;ปิด</button>
                </div>
            </div>
        </div>
    </div>

// function Signature() {
        //     $("#signature_box").load("signature.php");
        // }

function change_image() {
            $('#myModal1').modal('show');

}

$('.custom-file-input').on('change', function() {
            let fileName = $(this).val().split('\\').pop();
            $(this).next('.custom-file-label').addClass("selected").html(fileName);
        });

function chkNumber(ele) {
            var vchar = String.fromCharCode(event.keyCode);
            if ((vchar < '0' || vchar > '9') && (vchar != '.')) return false;
            ele.onKeyPress = vchar;

let citizen_no = $("#citizen_no").val();
            if (citizen_no != '') {
                if (citizen_no.length < 13) {
                    $('#citizen_no_ch').prop('hidden', false);
                } else {
                    $('#citizen_no_ch').prop('hidden', true);
                }

}

function isValidDate(dateStr) {
            // กำหนดรูปแบบของวันที่
            var datePattern = /^(0[1-9]|1[0-2])\/(0[1-9]|[12][0-9]|3[01])\/\d{4}$/;

// แยกวันที่, เดือน, ปี
            var parts = dateStr.split("/");
            var day = parseInt(parts[0], 10);
            var month = parseInt(parts[1], 10);
            var year = parseInt(parts[2], 10);

// ตรวจสอบความถูกต้องของวันที่และเดือน
            if (month === 0 || month > 12 || day === 0 || day > 31) {
                return false;
            }

// ตรวจสอบวันที่ที่มีจริงในเดือน
            var daysInMonth = new Date(year, month, 0).getDate();
            if (day > daysInMonth) {
                return false;
            }

// ผ่านการตรวจสอบทั้งหมด
            return true;
        }

function checkDate(name) {

var data = document.getElementById(name);
            var dataValue = data.value;
            let date = new Date().toLocaleDateString();

/// get year
            var parts = dataValue.split("/");
            var year = parseInt(parts[2], 10);

// current year
            var partsn = date.split("/");
            var current_year = parseInt(partsn[2], 10);

if (name == 'birth_date') {
                if (year > current_year + 543) {
                    swal({
                        title: "เกิดข้อผิดพลาด",
                        text: "ปีเกิดมากกว่าปีปัจจุบัน",
                        type: "error",
                    });
                    $('#' + name).val("");
                }
            }

// เช็ค คศ. หรือ พศ. ถ้า input แล้ว
            if (year + 500 > current_year + 543) {
                // input เป็น พศ.
                console.log(year);
            } else {
                // input เป็น คศ.
                console.log(year + 543);
            }

if (!isValidDate(dataValue)) {
                swal({
                    title: "เกิดข้อผิดพลาด",
                    text: "กรุณากรอกวันที่ให้ถูกต้อง (รูปแบบ: dd/mm/YYYY)",
                    type: "error",
                });
                $('#' + name).val("");
            }
        }
    </script>
</body>

</html>