这个编程题怎样用老师上课使用的pattern来实现呢?

这个编程题怎样用老师上课使用的pattern来实现呢?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>h5练习</title>
    </head>
    <body>
        <form action="" method="get">
            <input type="url" required oninput="checkit(this)" pattern="^http://">
            <input type="submit" value="提交">
        </form>
        <script>
            function checkit(obj){
                var it=obj.validity;
                /*利用表单类型来进行判断*/
                /*if(it.typeMismatch){
                    obj.setCustomValidity("请输入带http://的正确地址");
                }else{
                    obj.setCustomValidity('');
                }*/
                /*利用正则表达式来进行判断*/
                if(it.patternMismatch){
                    obj.setCustomValidity("请输入以http://开头的正确地址");
                }else{
                    obj.setCustomValidity("");
                }
            }
        </script>
    </body>
</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

正则验证邮箱要这样写:

var reg = /^(?:http(?:s|):\/\/|)(?:(?:\w*?)\.|)(?:\w*?)\.(?:\w{2,4})(?:\?.*|\/.*|)$/ig

正则的知识点和语法很多的,你自己可以网上去先学学,或者以后去学这个路径后面的高级路径,我看路径介绍里面有这个正则,我也准备去学

小丸子爱吃菜 2017-12-21 17:03:16

pattern是要配合正则表达式来写的,后面的高级路径中会有专门讲解正则表式的,建议先学好当前的内容,如果感兴趣可以自己网上查阅了解下哦~

助学习愉快!


  • 提问者 normcore #1
    网上查询了,但是都是说的开始用^,结尾用$,我就想知道怎样用正则来写出慕课网编程练习的要求:“请输入以http://开头的正确地址”,我用的是^http://,但是感觉就是不对。请教一下助教老师怎么解决呢?
    2017-12-22 10:07:42
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师