Sa168 เว็บไซต์ที่ดีแบบนี้มีอะไรน่าสนใจบ้างมาดูกัน

var currentTab = 0; // Current tab is set to be the first tab (0) showTab(currentTab); // Display the current tab // This function will display the specified tab of the form... //... and fix the Previous/Next buttons: //... and run a function that will display the correct step indicator: // function nextPrev(n) { // // This function will figure out which tab to display // var x = document.getElementsByClassName("tab"); // // Exit the function if any field in the current tab is invalid: // if (n == 1 && !validateForm()) return false; // // Hide the current tab: // x[currentTab].style.display = "none"; // // Increase or decrease the current tab by 1: // currentTab = currentTab + n; // // if you have reached the end of the form... // if (currentTab >= x.length) { // // ... the form gets submitted: // document.getElementById("regForm").submit(); // return false; // } // // Otherwise, display the correct tab: // showTab(currentTab); // } // This function deals with validation of the form fields // A loop that checks every input field in the current tab: // // and set the current valid status to false // If the valid status is true, mark the step as finished and valid: return valid; // return the valid status // If a field is empty... // if (y[i].value == "") { // // add an "invalid" class to the field: // y[i].className += " invalid"; // // and set the current valid status to false // valid = false; // } // This function removes the "active" class of all steps... //... and adds the "active" class on the current step: // function sendData(){ // if(document.getElementById("request_otp_phoneNumber").value == '' || // document.getElementById("request_otp_phoneNumber").value === null|| // document.getElementById("request_otp_phoneNumber").value === undefined){ // document.getElementById("request_otp_phoneNumber").focus(); // } // const xhr = new XMLHttpRequest(); // xhr.open('POST', './authen'); // var arrData = { // "otp":document.getElementById("request_otp_phoneNumber").value // } // var arrData = { // RequestOtp: "1", // otp: document.getElementById("request_otp_phoneNumber").value, // }; // alert(arrData); // set headers // xhr.setRequestHeader("Accept", "application/json"); // xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8"); // xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); // // send request // xhr.send(arrData); // // listen for `load` event // xhr.onload = () => { // }; // } // // var xhr = new XMLHttpRequest(); // xhr.open("POST",'/authen', true); // xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // var username = document.getElementById('request_otp_phoneNumber').value; // xhr.onreadystatechange = function() { // Call a function when the state changes. // if (this.readyState === XMLHttpRequest.DONE && this.status === 200) { // alert("DONE"); // } // xhr.send({ // 'requestotp' : 1, // 'username' : username, // }); // }