利用jquery正則表達(dá)式在頁面驗(yàn)證url網(wǎng)址輸入是否正確

2019-11-19 16:56:00

字體：大中小

供稿：網(wǎng)友

本文介紹的是使用jQuery正則表達(dá)式在前臺(tái)頁面驗(yàn)證url網(wǎng)址輸入是否正確，代碼如下：

<!DOCTYPE html><html><head><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript">/** * 前臺(tái)頁面驗(yàn)證url網(wǎng)址輸入是否正確 */function postComment() { //驗(yàn)證url網(wǎng)址 if($("input[name='url']").val()) {  var str=$("input[name='url']").val();  //判斷URL地址的正則表達(dá)式為:http(s)?://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?  //下面的代碼中應(yīng)用了轉(zhuǎn)義字符"/"輸出一個(gè)字符"/"  var Expression=/http(s)?:////([/w-]+/.)+[/w-]+(//[/w- .//?%&=]*)?/;  var objExp=new RegExp(Expression);  if(objExp.test(str) != true){   alert("網(wǎng)址格式不正確！請(qǐng)重新輸入");   return false;  } else {      alert("網(wǎng)址正確！");    } }}</script></head><body><div class="form-group"> <input class="form-url" type="text" placeholder="網(wǎng)址(可選)" name="url" maxlength="50"></input></div><input class="btn btn-primary" type="submit" value="提交" name="submit" onclick="return postComment()" /></body></html>

如果隨便輸入一個(gè)url網(wǎng)址，則顯示：