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

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

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

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

$(document).ready(function(){

$('#url').on('keyup',function(){

if($.trim($(this).val()) != '' && $(this).val().length > 5){

let result = check_URL_regex($(this).val());

if(result === false){

$('span.error').removeClass('true').text('URL format invalid');

}else{

$('span.error').addClass('true').text('URL format valid');

}

}else{

$('span.error').removeClass('true').text('');

}

})

});

function check_URL_regex(url){

let regexp2 = new RegExp('^((ft|htt)ps?:\\/\\/)?'+

'((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|'+

'((\\d{1,3}\\.){3}\\d{1,3}))'+

'(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+

'(\\?[;&a-z\\d%_.~+=-]*)?'+

'(\\#[-a-z\\d_]*)?$','i');

if (regexp2.test(url)) {

return true;

}else{

return false;

}

</script>

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