jquery怎么样判断值是否是url地址


本文摘自PHP中文网,作者coldplay.xixi,侵删。

jquery判断值是否是url地址的方法:首先创建输入框,使用jquery给它注册change事件;然后创建函数checkUrl,传入url参数;接着函数内编写检测url正确性的正则strRegex;最后使用test方法对url参数检测。

jquery判断值是否是url地址的方法:

使用test()方法对url参数进行检测即可。

注:只写了重要的代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<script src="./jquery.js"></script>

<div id="app" >

    <input type="text" id="url" >

</div>

<script>

    // 本代码来自 https://blog.csdn.net/eddy23513/article/details/80194269

    function checkUrl(url) {

        var strRegex = '^((https|http|ftp|rtsp|mms)?://)?'

            +'(([0-9a-z_!~*().&=+$%-]+: )?[0-9a-z_!~*().&=+$%-]+@)?' //ftp的user@

            +'(([0-9]{1,3}.){3}[0-9]{1,3}|'// IP形式的URL- 199.194.52.184

            +'([0-9a-z_!~*()-]+.)*'// 域名- www.

            +'[a-z]{2,6})'//域名的扩展名

            +'(:[0-9]{1,4})?'// 端口- :80

            +'((/?)|(/[0-9a-z_!~*().;?:@&=+$,%#-]+)+/?)$';

        return new RegExp(strRegex).test(url);

    }

   // 输入框注册事件

    $('#url').change(function(){

        let res = checkUrl(this.value)

        console.log(this.value, res)

    })

</script>

相关免费学习推荐:JavaScript(视频)

以上就是jquery怎么样判断值是否是url地址的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jQuery和javascript的区别有哪些

jQuery的插件有哪些

jQuery如何动态添加删除css样式?(代码示例)

jQuery和document获取html元素的区别是什么?

jQuery的语法结构有哪些

jQuery怎么遍历list集合

如何删除css样式

jQuery如何选择以特定字符开头的id元素

jQuery如何判断星期几

怎么用jQuery做图片轮播

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...