在input中輸入網址,用jquery驗證輸入網址是否正確
<input type="text" name="input-web" class="yesinput"/>
<b class="b" style="color:red;"></b>
鼠標點擊在文本框中輸入網址,鼠標點擊任意除文本框位置,錯誤則輸出"url格式錯誤"
$(document).ready(function(){ $(".yesinput").focus(function(){ }); $(".yesinput").blur(function(){ var url=$(this).val(); regExp = /^((https?|ftp|news):\/\/)?([a-z]([a-z0-9\-]*[\.。])+([a-z]{2}|aero|arpa|biz|com|coop|edu|gov|info|int|jobs|mil|museum|name|nato|net|org|pro|travel)|(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]))(\/[a-z0-9_\-\.~]+)*(\/([a-z0-9_\-\.]*)(\?[a-z0-9+_\-\.%=&]*)?)?(#[a-z][a-z0-9_]*)?$/ if (url!= "") { if(!(regExp.test(url))){ $('.b').text('URL格式不正確'); yesbool=false; }else{ $('.b').text(''); } } }) })
