JS 正则判断输入的URL地址是否正确

2017-02-15 23:59:38

Javascript使用正则表达式检测用户输入的URL地址是否有效：

  • HTML code运行代码复制代码编辑

  • <html><head><title>检查是否为URL</title><script language="javascript">
    function check(){
        str = form1.txt.value;        //str = str.match(/http:\/\/.+/); 
        str = str.match(/^http:\/\/.+\..+/i);        if (str == null){
            alert('你输入的URL无效');            return false;
        }else{
            alert("你输入的URL有效");            return true;
        }
    }</SCRIPT></head><body><form name="form1" onSubmit="return check()">
    <input type="text" name="txt">
    <input type="submit" value="检验"></form></body></html>


  • 精彩推荐

  • 2020-05-07 13:21:25

    JS中获取 DOM 元素的绝对位置实例详解

    在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置，例如 本文 左侧的悬浮导航，当页面滚动到它以前会正常地渲染到文档流中，当页面滚动超过了它的位置，就会始终悬浮在左侧。

  • 2020-05-07 13:42:13

    场景切换的集合移动，旋转，淡入淡出等

    两个场景（即两个div视图）切换的时候，如果想添加个过渡动画，除了可以使用js来实现，还可以通过CSS3的animation属性来实现。 （注意：Internet Explorer 9 以及更早的版本不支持 animation 属性。）

  • 2020-05-07 13:43:02

    css模拟开关按钮

    之前我们为大家分享过很多款各式各样的CSS3开关切换按钮，很多还是非常富有创意的，比如这里的多组超具创意的CSS3开关切换按钮和纯CSS3灯光开关动画。今天我们要带来另外一款外观很漂亮的纯CSS3开关切换按钮动画，它模拟了电灯的开关，并且在开和关之间切换时按钮的背景会有不同的变化，看起来非常不错。

  • 2020-05-07 18:40:35

    CSS让页面平滑滚动

    凡是需要滚动的地方都加一句scroll-behavior:smooth就好了！