Dalam sebuah form yang mengijinkan sebuah url website atau url yang lain untuk di input atau di masukan harus menjaga url tersebut harus valid karena dengan tidak validnya url yang di masukan akan menjadi sebuah serangan dari pihak yang bertanggung jawab atau spamming. untuk itu kita harus membuat sebuah validasi untuk menjaga kevalidan dari sebuah url tersebut.
untuk itu saya akan membagikan tips untuk membuat validasi url dengan javascript dengan mudah berikut cara membuat validasi url dengan javascript
- Pertama buat terlebih dahulu form input dan memanggil function dari javascript
<input class="form-control" name="website" id="website" type="text" onchange="ValidateUrl()" placeholder="Website">
- Kedua buat javascript untuk mengeksekusi panggilan function tersebut
function ValidateUrl()
{
var web = $("#website").val();
var RegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
if(RegExp.test(web)){
return true;
}
alert("Masukkan Url Dengan Benar")
$('#website').val('');
}
Dan bisa langsung dicoba, semoga Cara Membuat Validasi Url Dengan Javascript ini dapat membantu teman-teman untuk menjadi solusi.