Code script ตรวจสอบรูปแบบ Email pattern แบบ Real-time »

จำนวนผู้เข้าชม : 16

วันนี้เรานำเสนอวิธีตรวจสอบ Email pattern อย่างง่าย โดย Script จะสามารถตรวจสอบความถูกต้องของรูปแบบ Email ได้ แต่อย่างไรก็ตามเทคนิคนี้เป็นเพียงการตรวจสอบ Pattern ของ Email เท่านั้น ไม่สามารถตรวจสอบได้ว่าเป็น Email จริงหรือไม่ แต่ Script สำหรับตรวจสอบเบื้องต้น มีไว้ก็ดีกว่าใช่ไหมละ วันนี้ดูเพลินเลยได้นำเทคนิคการเขียน Script ตรวจสอบ Email pattern มาฝากเพื่อน ๆ กัน

3. Javascript สำหรับเรียกใช้งาน Script ตรวจสอบรูปแบบ Email pattern

$(document).ready(function(){

const validateEmail = (email) => {

return email.match(/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);

};

const validate = () => {

const $result = $('#result');

const email = $('#email').val();

$result.text('');

if (validateEmail(email)) {

$result.html(email + ' <b>is valid :)</b>');

$result.addClass('true');

} else {

$result.html(email + " <b>is not valid :(</b>");

$result.removeClass('true');

}

return false;

};

$('#email').on('input', validate);

});

</script>

เป็นยังไงกันบ้างคะสำหรับบทความ Code script ตรวจสอบรูปแบบ Email pattern แบบ Real-time ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย