jquery验证网址格式

时间:2023-03-10 02:06:03
jquery验证网址格式

在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('');
}
}
})
})